Page 207 - css揭秘

table {
table-layout: fixed;
width: 100%;
}

图 7-5
对两列表格来说，默认的表格布 指定单元格的宽度，则这些单元格就会根据它们内容的长
如果我们不…… 短来分配宽度。也就是说，内容较长的单元格所能分配到
局算法在处理不同内容时的不同
的宽度也较多
表现（表格的容器用虚线标示）

指定单元格的宽度，则这些单元格就会根据
如果我们不…… 它们内容的长短来分配宽度。也就是说，内
容较长的单元格所能分配到的宽度也较多

表格的每一行都会参与到列 注意，这个表格的列宽分配结果跟上面那个
宽的计算中，而不仅是第一 表格不同
行

即使我们为单元格指定了 而这个单元格的宽度被指定为 2000px。由于
宽度，也未必会得到对应 外层容器所能提供的空间远远不足3000px，
的结果。比如这个单元格 这两个单元格的宽度会按比例缩小，分别得
的宽度被指定为 1000px 到总宽度的 33.3% 和 66.6%

如果我们禁
止文本折行
行为，那么
表格宽度可 而且 text-overflow: ellipsis 对此也无能为力，这一点很遗憾
能会远远超
出其容器的
宽度

大图片或代
码块也可能
会导致同样
的问题

176 第 7 章 结构与布局

඀ࠡ JOEC