Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 表格显示在一行中_Html_Css_Html Table - Fatal编程技术网

Html 表格显示在一行中

Html 表格显示在一行中,html,css,html-table,Html,Css,Html Table,问题出在我的CSS文件中: * { font-size: 8px; float: left; } universal属性使一个简单的HTML表(稍后加载)在一行中呈现。有什么好方法可以避免这种情况的发生,而不会对我(imo)优雅的CSS造成太多麻烦 编辑: 我已尝试将返回表的style属性更改为 style="float: none;" 但是表元素仍然默认为左浮动。。。我不太清楚css文件与样式属性的优先级。嗯。一种方法是不浮动所有内容。那不是优雅的 如果您想要一个快速

问题出在我的CSS文件中:

* {
    font-size: 8px;
    float: left;
  }
universal属性使一个简单的HTML表(稍后加载)在一行中呈现。有什么好方法可以避免这种情况的发生,而不会对我(imo)优雅的CSS造成太多麻烦


编辑: 我已尝试将返回表的style属性更改为

style="float: none;"

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

嗯。一种方法是不浮动所有内容。那不是优雅的


如果您想要一个快速的解决方案,可以将
table{float:none;}table*{float:none;}

分配给各个元素。这应该(希望)覆盖浮动,尽管你的里程可能会有所不同。可能会建议您对表中的每个元素都这样做,包括
thead
tbody


但是,正如前面的回答所说,让一切都浮动可能不是一个好主意。我知道你觉得它很优雅,但我认为它会给你带来比你现在面临的问题更多的问题。在一个即使是中等复杂度的网站上,你也会有很多元素需要设计(包括内联排版元素,如
em
),我无法想象你会想处理所有这些元素的浮动。

而且我总是可以手动指定浮动和非浮动,我试着把它变成一个学习样式属性先例的练习,你不应该让所有的东西都浮动。我看不出有什么理由。你应该保持元素不浮动..我有一个浮动:在我使用的所有元素中都有一个浮动,所以我将它简化为*元素,我没有设计它从所有浮动中工作,那将是荒谬的