Html 表格显示在一行中
问题出在我的CSS文件中:Html 表格显示在一行中,html,css,html-table,Html,Css,Html Table,问题出在我的CSS文件中: * { font-size: 8px; float: left; } universal属性使一个简单的HTML表(稍后加载)在一行中呈现。有什么好方法可以避免这种情况的发生,而不会对我(imo)优雅的CSS造成太多麻烦 编辑: 我已尝试将返回表的style属性更改为 style="float: none;" 但是表元素仍然默认为左浮动。。。我不太清楚css文件与样式属性的优先级。嗯。一种方法是不浮动所有内容。那不是优雅的 如果您想要一个快速
* {
font-size: 8px;
float: left;
}
universal属性使一个简单的HTML表(稍后加载)在一行中呈现。有什么好方法可以避免这种情况的发生,而不会对我(imo)优雅的CSS造成太多麻烦
编辑: 我已尝试将返回表的style属性更改为
style="float: none;"
但是表元素仍然默认为左浮动。。。我不太清楚css文件与样式属性的优先级。嗯。一种方法是不浮动所有内容。那不是优雅的
如果您想要一个快速的解决方案,可以将
table{float:none;}table*{float:none;}
分配给各个元素。这应该(希望)覆盖浮动,尽管你的里程可能会有所不同。可能会建议您对表中的每个元素都这样做,包括thead
和tbody
但是,正如前面的回答所说,让一切都浮动可能不是一个好主意。我知道你觉得它很优雅,但我认为它会给你带来比你现在面临的问题更多的问题。在一个即使是中等复杂度的网站上,你也会有很多元素需要设计(包括内联排版元素,如
em
),我无法想象你会想处理所有这些元素的浮动。而且我总是可以手动指定浮动和非浮动,我试着把它变成一个学习样式属性先例的练习,你不应该让所有的东西都浮动。我看不出有什么理由。你应该保持元素不浮动..我有一个浮动:在我使用的所有元素中都有一个浮动,所以我将它简化为*元素,我没有设计它从所有浮动中工作,那将是荒谬的