您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

大小相等的表格单元格可以填充包含表格的整个宽度

大小相等的表格单元格可以填充包含表格的整个宽度

您甚至不必为单元格设置特定的宽度,table-layout: fixed足以均匀地分布单元格。

ul {

    width: 100%;

    display: table;

    table-layout: fixed;

    border-collapse: collapse;

}

li {

    display: table-cell;

    text-align: center;

    border: 1px solid hotpink;

    vertical-align: middle;

    word-wrap: break-word;

}


<ul>

  <li>foo<br>foo</li>

  <li>barbarbarbarbar</li>

  <li>baz</li>

</ul>

请注意,table-layout要使用表格样式的元素,必须设置宽度(在我的示例中为100%)。

其他 2022/1/1 18:13:34 有696人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶