表格显示在一行中

Question

问题出在我的CSS文件中：

* {
    font-size: 8px;
    float: left;
  }

通用属性使一个简单的HTML表（稍后加载）在一行中呈现。什么是一种防止这种情况发生的好方法，而不会过多地干扰我的（imo）优雅的CSS？

<小时/> 编辑： 我已经尝试将返回表的样式属性更改为

style="float: none;"

但是表元素仍然默认为浮动左边...我不清楚css文件与样式属性的优先级。

Answer 1

庵。一种方法是.. 不浮动所有东西。那是不优雅。

如果您想要快速解决方案，可能需要table { float:none; } table * { float:none; }

Answer 2

您可以将float: none分配给各个元素。这应该（希望）覆盖浮动，虽然你的里程可能会有所不同。您可能会建议您对表格中的每个元素执行此操作，包括thead和tbody。

但是，正如之前的回答所说，浮动一切可能不是一个好主意。我知道你觉得它很优雅，但我认为它会给你带来比你现在面临的更多问题。在一个中等复杂度的网站上，你将拥有很多风格元素（包括内联排版元素，如em），我无法想象你想要处理所有的浮动它们。