Rob*_*obi 2 html css html-table
我有一个HTML表格,其中列数可能因行而异.尽管如此,我希望列在它们的行中均匀分布.(例如,如果我的第一行包含2列,则每列应该具有表的总宽度的50%;如果第二行有3列,则每列应该具有表的总宽度的约33%. )
此外,我希望表具有容器的宽度(因此可能width: 100%在CSS中有一个;但问题是此属性告诉表根据仅在forst行中的内容均匀地拆分列).容器宽度可能会有所不同,这就是我必须使用百分比的原因.
我也尝试用div创建我的表,并用百分比指定每个"cell-div"的宽度,但是这个解决方案并不能在每个浏览器上提供良好的结果:有时候,当没有更多空间时行,行的最后一个"cell-div"在它下面.(我必须指定一些奇怪的宽度,49.99998%或者33.333233%因为我的边框也需要一些空间.)
听起来你并没有真正使用table元素来显示表格数据,只是为了一些对齐.获得所需结果的一种方法是使每一行成为自己的表,并设置宽度.每行将在表格宽度上均匀分布单元格.您可能需要添加一些CSS格式以使其按照您希望的方式运行.
你可以在http://jsfiddle.net/RxSe5/1/看到这个.