在<table>中创build等宽的列

如何使等宽的列在?

dynamic改变列的数量。

今天我有13列。 明天将比赛16.所有不想特别重新计算。

3 Solutions collect form web for “在<table>中创build等宽的列”

我认为这会做到这一点:

table{ table-layout: fixed; width: 300px; } 

使用与表格相同的以下属性及其完全dynamic:

 ul { width: 100%; display: table; table-layout: fixed; /* optional, for equal spacing */ border-collapse: collapse; } li { display: table-cell; text-align: center; border: 1px solid pink; vertical-align: middle; } 
 <ul> <li>foo<br>foo</li> <li>barbarbarbarbar</li> <li>baz klxjgkldjklg </li> <li>baz</li> <li>baz lds.jklklds</li> </ul> 

在HTML表上find这个:保持相同的列宽

如果您设置样式表格布局:固定; 在你的桌子上,你可以覆盖浏览器的自动调整列大小。 然后,浏览器将根据表格第一行中单元格的宽度设置列宽。 改变你的内部,然后为其中的单元格设置固定的宽度。

  • 如何使div上的滚动条仅在必要时可见?
  • 将<ul> <li>放入div中
  • CKEditor自动去除div中的类
  • 为什么我的Twitter Bootstrap表单字段溢出使用stream体容器?
  • Java:如何在Java中隐藏HTML字符实体?
  • 滚动的小孩滚动窗口,我该如何停止?
  • 如何使用ASP.NET的button标签?
  • 放置一个右alignment的button
  • Bootstrap表没有条纹/边框
  • “可视性:崩溃”和“显示:无”之间的区别
  • 如何在textarea关注时input表单提交?