Back to Amis

Display

packages/amis-ui/scss/helper/layout/_display.md

6.13.01.6 KB
Original Source

布局相关样式。

ClassProperties
blockdisplay: block;
inline-blockdisplay: inline-block;
inlinedisplay: inline;
flexdisplay: flex;
inline-flexdisplay: inline-flex;
tabledisplay: table;
table-celldisplay: table-cell;
table-columndisplay: table-column;
table-column-groupdisplay: table-column-group;
table-footer-groupdisplay: table-footer-group;
table-header-groupdisplay: table-header-group;
table-row-groupdisplay: table-row-group;
table-rowdisplay: table-row;
flow-rootdisplay: flow-root;
griddisplay: grid;
inline-griddisplay: inline-grid;
contentsdisplay: contents;
hiddendisplay: none;

用法

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

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

响应式设计

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

状态前缀

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