amis-rpc-design/libs/amis/packages/amis-ui/scss/helper/layout/_display.md
2023-10-07 19:42:30 +08:00

1.6 KiB
Raw Blame History

title
Display

布局相关样式。

Class Properties
block display: block;
inline-block display: inline-block;
inline display: inline;
flex display: flex;
inline-flex display: inline-flex;
table display: table;
table-cell display: table-cell;
table-column display: table-column;
table-column-group display: table-column-group;
table-footer-group display: table-footer-group;
table-header-group display: table-header-group;
table-row-group display: table-row-group;
table-row display: table-row;
flow-root display: flow-root;
grid display: grid;
inline-grid display: inline-grid;
contents display: contents;
hidden display: none;

用法

css 相关的知识点就不介绍了,请参考:

https://www.w3school.com.cn/cssref/pr_class_display.asp https://tailwindcss.com/docs/display

响应式设计

支持通过添加设备前缀 m: 或者 pc: 来分别针对「手机端」或者「pc端」设置样式更多说明请前往「响应式设计」

状态前缀

不支持「状态前缀」,有需求请提 issue