在<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这个:保持相同的列宽

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

  • 使用CSS删除图像之间的空间
  • 如何在ASP.Net中的一个ASP:Button中放置一个Bootstrap Glyphicon?
  • 新的Facebook像buttonHTMLvalidation
  • 如何并排放置div
  • 如何通过jQuery获取整个页面的HTML?
  • 删除表格单元格和行之间的间距
  • 如何检测DIV的维度变化?
  • <STYLE>是否必须位于HTML文档的<HEAD>中?
  • Bootstrap Modals在closures之后不断添加填充
  • 在CSS中按数据属性select元素
  • 使身体有100%的浏览器高度