如何使用CSS实现表结构

Question

<table>  
<tr>
<td></td>
<td></td>
</tr>
</table>

如何使用<div>或<span>'ed CSS复制此类结构

Answer 1

取决于您尝试复制的内容。

通过您给出的简单示例，要确切地说出您要实现的目标并不容易，但是如果您要做的是将两个块并排放置（即作为页面布局中的列） ），你只需要创建几个<div>元素，并使用CSS将它们设置为彼此相邻。根据您的需要，您可以通过多种方式进行样式表。

一种选择是将它们设置为float:left;。使用width:...设置您想要的宽度（以像素为单位）或百分比。

如果float对您来说过于复杂（并且从基于表格的布局来看这是一个很大的概念），您可能需要考虑使用display:inline-block;。这也可以使<div>彼此相邻，但可以让您更好地控制自己的位置。

最后，如果<table>的内容实际上是一个数据表，不要害怕将其保存在表格中 - <table>标记及其朋友仍然是有效的HTML，并且将表格数据放入表中仍然是件好事。

Answer 2

如果您想要在彼此旁边显示两个DIV，请尝试使用css样式float：left或float：right。使用另一个带清除的div：left，clear：right或clear：两者都将div重置为正常行为。

这是一个解释更多相关信息的链接：

http://www.w3schools.com/css/css_float.asp （点击'尝试'链接以获得非常好的例子）

我不知道这是不是你要找的......但我希望如此！