如何使用CSS來實現表結構

Question

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

我如何使用<div>或<span>「編輯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，清除：左邊，清除：右邊或清除：都將下面的div重置爲正常行爲。

這裏是解釋更有關鏈接：

http://www.w3schools.com/css/css_float.asp （點擊「試試吧」的鏈接非常好的例子）

我不知道如果這就是你要找的內容。但我希望如此！