Question

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

我想我可以用div标签替换我的td，但不知道如何。

Answer 1

没有“从HTML转换为CSS”这样的事情。在HTML / XHTML中使用CSS来设置/排列内容。

如果你问这个问题，因为有人告诉你“CSS比桌子更好”，我建议一般就布局寻找一些更广泛的CSS信息。

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

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

但是很多人采取这种方式太过分 - 实际上是错误的 - 并得出结论，根本不应该使用HTML table标签......出于某种原因存在table标记，并且始终用于此原因：描述表格数据。然后，应该使用CSS来设置样式并确定该数据的布局。但有些人（再次：错误地）得出结论，所有表都是“坏”。

这忽略了CSS和HTML /表格完全没有矛盾或相互排斥的事实。它们应该一起使用。使用table标记来描述表格数据，然后使用CSS设置该信息的样式以供显示。

Answer 2

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

如果那不是您的意思，请更具体。

Answer 3

取决于具体细节......

也可以

<div style="float:left">A</div>
<div style="float:left">B</div>
<div style="clear:left"> <!-- . --> </div>