Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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翻译成css?_Html_Css - Fatal编程技术网

如何将这个html翻译成css?

如何将这个html翻译成css?,html,css,Html,Css,我想我可以用div标签替换我的td,但不确定如何替换 <table> <tr> <td>A</td> <td>B</td> </tr> </table> 如果这不是你的意思,请更具体一些。没有从HTML到CSS的翻译。CSS在HTML/XHTML中用于对内容进行样式/排列 如果你问这个问题是因为有人告诉你CSS比表更好,我建议你在CSS上寻找一些更广泛的信息,用于一般的布局 CSS和HTML是两种互

我想我可以用div标签替换我的td,但不确定如何替换

<table>
<tr>
<td>A</td>
<td>B</td>
</tr>
</table>

如果这不是你的意思,请更具体一些。

没有从HTML到CSS的翻译。CSS在HTML/XHTML中用于对内容进行样式/排列

如果你问这个问题是因为有人告诉你CSS比表更好,我建议你在CSS上寻找一些更广泛的信息,用于一般的布局

CSS和HTML是两种互补的语言,每种语言都有自己的特定用途,它们共同工作来生成网页。纯粹主义者非常正确地指出HTML应该包含“语义”代码,而不是布局代码。CSS应用于提供布局

这里的一个主要问题是,历史上,表格标签用于页面布局,例如,在网页中创建列。因此,纯粹主义者喜欢抱怨在HTML中使用表标记进行页面布局

但许多人走得太远了——事实上,这是错误的——并得出结论认为不应该使用HTML表标记。。。完全表标记的存在有一个原因,并且应该始终用于该原因:描述表格数据。然后,应使用CSS设置样式并确定数据的布局。但也有人错误地认为所有的表都是“坏的”


这忽略了一个事实,即CSS和HTML/表根本不矛盾或相互排斥。它们应该一起使用。使用表格标记来描述表格数据,然后使用CSS来设置显示信息的样式。

取决于具体情况

也可以

<style>div { display: table-cell }</style>
<div>A</div><div>B</div>

你能再具体一点吗?您希望获得什么样的视觉效果?问题是:您希望获得与默认显示表格相同的视觉效果,还是因为听说表格不好而放弃表格?当表格仅用于样式设计时,它是不好的。在这种情况下,您应该使用CSS,但却是显示表格数据的正确选择。尽管我认为使用“替代”这个词是导致这个问题的混淆的原因之一。我们不能从字面上正确地回答你的问题,因为没有答案。但试图从你的问题中推断出你的意图是不可能的。从字面上讲,您发布的内容可能完全适合在表中显示,尽管它缺少描述其包含的数据的标题。但是如果你想用CSS创建一个布局,这是一个更复杂的问题,我们需要细节。我认为这不是一个好主意。如果你想让它有display:table单元格,那就用TD元素吧。我不打算否决投票,但在我看来,这是一个糟糕的答案。主要原因是:那里仍然有HTML。事实上,HTML并不比原版少。是的,这个问题很糟糕。但是,用一个糟糕的、技术上不正确的答案回答一个糟糕的问题是没有帮助的,依我看,我不会否决投票,但依我看,这是一个糟糕的答案。主要原因是:那里仍然有HTML。事实上,HTML并不比原版少。是的,这个问题很糟糕。但是,在我看来,用一个糟糕的、技术上不正确的答案回答一个糟糕的问题是没有帮助的。只是试图指出另一种将div排列在彼此旁边的方法。这是一个普通的问题。我理解你的意思,这就是为什么我没有否决投票。问题是,这个问题没有通用的正确答案。例如,在许多情况下,您发布的内容的行为将不同于表,在这些情况下,文档中的其他位置可能会清除某些元素。它也无法提供一个共同边界。再一次,我的观点是,这个问题是如此糟糕和广泛,以至于根本不可能正确回答它。
<div style="float:left">A</div>
<div style="float:left">B</div>
<div style="clear:left"> <!-- . --> </div>