display属性

 

开发工具与关键技术： DW

撰写时间：2021/9/8

---

display 属性规定元素应该生成的框的类型

display属性值

none：隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

inline：指定对象为内联元素。

block：指定对象为块元素。

list-item：指定对象为列表项目。

inline-block：指定对象为内联块元素。

table：指定对象作为块元素级的表格。类同于html标签

inline-table：指定对象作为内联元素级的表格。类同于html标签

table-caption：指定对象作为表格标题。类同于html标签

table-cell：指定对象作为表格单元格。类同于html标签<td>

table-row：指定对象作为表格行。类同于html标签<tr>

table-row-group：指定对象作为表格行组。类同于html标签<tbody>

table-column：指定对象作为表格列。类同于html标签<col>

table-column-group：指定对象作为表格列组显示。类同于html标签<colgroup>

table-header-group：指定对象作为表格标题组。类同于html标签<thead>

table-footer-group：指定对象作为表格脚注组。类同于html标签<tfoot>

run-in：根据上下文决定对象是内联对象还是块级对象。（CSS3）

box：将对象作为弹性弹性盒显示。（弹性盒最老版本）（CSS3）

inline-box：将对象作为内联块级弹性弹性盒显示。（弹性盒最老版本）（CSS3）

flexbox：将对象作为弹性弹性盒显示。（弹性盒过渡版本）（CSS3）

inline-flexbox：将对象作为内联块级弹性弹性盒显示。（弹性盒过渡版本）（CSS3）

flex：将对象作为弹性弹性盒显示。（弹性盒最新版本）（CSS3）

inline-flex：将对象作为内联块级弹性弹性盒显示。（弹性盒最新版本）（CSS3）

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或懂得地方欢迎在评论区教导和提问喔！