cssdisplay显示为表格单元格（css中同时有display:block;和_display:inline;是什么意思）
本文目录
- css中同时有display:block;和_display:inline;是什么意思
- css display为table，table-row，table-cell，如何实现像html table的colspan合并单元格效果
css中同时有display:block;和_display:inline;是什么意思
display版本：CSS1/CSS2 兼容性：IE4+ NS4+ 继承性：有
语法：
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
取值：
block : CSS1 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行
none : CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行
inline-block : IE5.5 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
compact : CSS2 未支持。分配对象为块对象或基于内容之上的内联对象
marker : CSS2 未支持。指定内容在容器对象之前或之后。要使用此参数，对象必须和 :after 及 :before 伪元素一起使用
inline-table : CSS2 未支持。将表格显示为无前后换行的内联对象或内联容器
list-item : CSS2 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 未支持。分配对象为块对象或基于内容之上的内联对象
table : CSS2 未支持。将对象作为块元素级的表格显示
table-caption : CSS2 未支持。将对象作为表格标题显示
table-cell : CSS2 未支持。将对象作为表格单元格显示
table-column : CSS2 未支持。将对象作为表格列显示
table-column-group : CSS2 未支持。将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 未支持。将对象作为表格行显示
table-row-group : CSS2 未支持。将对象作为表格行组显示
css display为table，table-row，table-cell，如何实现像html table的colspan合并单元格效果
display的table属性我也不太了解。可以用 display:table-caption;来代替一列吗？
《!DOCTYPE HTML》
《html》
《head》
《meta charset="utf-8"》
《title》display:table《/title》
《style type="text/css"》
* { margin:0; border:0; padding:0;}
.table { display:table; background:#f00;width:500px;margin-left:200px; }
.t_row { display:table-caption; border:1px solid #f00; height:100px; background:#00f;}
.t_cell { display:table-cell; border:1px solid #f00; height:100px; background:#0f0 }
《/style》
《/head》
《body》
《div class="table"》
《div class="t_row"》一列《/div》
《div class="t_cell"》两列《/div》
《div class="t_cell"》两列《/div》
《/div》
《div class="table"》
《div class="t_row"》一列《/div》
《div class="t_cell"》三列《/div》
《div class="t_cell"》三列《/div》
《div class="t_cell"》三列《/div》
《/div》
《div class="table"》
《div class="t_row"》一列《/div》
《div class="t_cell"》四列《/div》
《div class="t_cell"》四列《/div》
《div class="t_cell"》四列《/div》
《div class="t_cell"》四列《/div》
《/div》
《/body》
《/html》
用这种写法试试呢？
更多文章：
python递归算法1加到100（编写一个递归函数计算从1加到100的和）
2026年5月15日 01:45
2025年11月21日 10:00
2025年11月21日 13:30
android控件属性大全（Android控件<第十七篇>：FloatingActionButton详解）
2026年3月23日 18:15
2025年12月11日 03:15
hadoop还值得学习吗（Hadoop是什么，为什么要学习Hadoop）
2025年6月30日 06:15
mysql驱动包与mysql版本（idea版本对mysql影响）
2026年6月4日 18:45
2026年9月15日 15:00
2026年9月15日 13:30
confusion形容词形式（confusion前可以加a么，它好像不可数，可刚）
2025年10月7日 21:30
2026年2月26日 13:45
2025年12月15日 08:45
美国img模特经纪公司（有谁知道国际有名的模特经纪公司有那些）
2026年8月7日 17:15
2025年7月3日 10:15
vivo手机后台管理在哪（Vivo手机如何设置应用后台运行）
2026年8月25日 08:45
2025年7月27日 06:00
hippogriff（哈利.波特插曲<<Do The Hippogriff>>的歌词）
2025年12月31日 15:00
2025年6月15日 06:30
2025年9月25日 04:15
2025年10月5日 17:45
