Question

我在我的网站上显示一些表格数据，所以我决定使用一些表格。对表格列使用固定宽度（即100px）或使用基于百分比的宽度是最佳做法吗？

Answer 1

我不推荐使用固定宽度，因为浏览器文本大小可能不同。正确的是什么都不做！让桌子自己调整大小。强制表格为100％宽是一个选项，但可以留下很多空格。

我的手机，电视机或台式电脑的桌面有多大？你强制布局越多，它在意想不到的平台上看起来就越差。

Answer 2

我同意奎格利的观点，但“正确”的方法在很大程度上取决于您的具体情况。如果你只需要在网站上显示普通数据，基本上只是打印出HTML格式的数据，我也会保留原样。你应该做的是将它的宽度设置为100％s.t。它扩展了页面的整个宽度。如果它位于另一个容器（例如div或其他标记）内，它将扩展到该容器的宽度。

如果你想让你的表只扩展到一定宽度，我会选择百分比值而不是固定表，主要是因为你的用户将拥有不同的显示大小和分辨率，因此根据浏览器窗口可能会有所不同。在这种情况下，我会考虑诸如min-width之类的属性，它指定表格将获得的最小宽度。该属性在Firefox，Safari等上完美运行。但是在IE上（像往常一样）你必须通过在CSS类中添加类似以下内容来实现min-width（将其添加到HTML的封闭容器中）表或表本身）：

width: expression( this.scrollWidth < 70 ? "70px" : "auto" );

这只是一个指定最小宽度为70px的示例，否则它不会设置任何宽度。您可以根据自己的需要进行自定义。

Answer 3

固定像素宽度绝对是最糟糕的选择。百分比要好得多。如果要相对于页面上的其他元素定义列宽，最好的选择是使用CSS和em之类的单位relative to the text size。

Answer 4

对于表格数据，我认为相对（百分比）应该是好的。

但是，如果你觉得屏幕尺寸可能搞砸了你的桌子，那就选择固定的方法。

Answer 5

我使用（d）广泛的比例宽度与必须在浏览器和CSS2XSLFO中工作的HTML。

但Firefox 3.x已删除对表格列中PCW宽度的支持。

请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=333352

所以你必须使用％widths。

我从不使用固定宽度（例如50px），但是除了pcw或百分比宽度之外我还使用em或ex单位。

Answer 6

关于DeadAccount的答案，不要使用W3Schools，他们习惯有半正确的信息。

http://w3fools.com/

另外，我非常确定最佳做法是制作一个百分比而不是一个固定的宽度，因为正如其他人所说，如果他们使用的设置与你的设置不同，那么其他浏览器会搞乱。然而，最佳做法可能就是不管它。

为HTML表使用固定或百分比列宽是否更好？

6 个答案: