創建一個表出來的div

的我沒能做出複雜的表格出來div的的最大的事情就是這個樣子。 http://snook.ca/archives/html_and_css/getting_your_di 創建一個表出來的div

但它只是幫助一些簡單的表格

因此，誰能把這作爲div的：

<html> <head> <style> td { TEXT-ALIGN: center; PADDING: .25em; } </style> </head> 
<body> 
<table width="205" border="1" cellpadding="0" cellspacing="0"> 
<tr> 
<td colspan="3" >1</td><td width="14%" colspan="2" rowspan="2">2</td> 
</tr> 
<td width="15%">3</td> <td width="16%">4</td> <td width="18%">5</td> 
</tr> 
<tr> 
<td height="42" >6</td> <td height="42" >6.1</td> <td >7</td> <td >7.1</td> <td >7.2</td> 
</tr> 
<tr> 
<td height="42" >6</td> <td height="42" >6.1</td> <td >7</td> <td >7.1</td> <td >7.2</td> 
</tr> 

</table> 
</body> 
</html>

來源

2011-11-30 Nazar Salim N Salim

這是一個有點誇張的使用該方法來重建你的表，因爲沒有CSS替代行跨度和列跨度，但它可以通過浮動和清除的div來替代，或者使用絕對定位的一些內容做了。有在http://www.alistapart.com/articles/css-floats-101/和http://www.alistapart.com/articles/css-positioning-101/一些偉大的教程，如果你不熟悉這些方法。

但是，如果你的表是用來顯示錶格數據，就沒有必要將其轉換爲格作表很適合這個目的。

來源

2011-11-30 10:08:57 Kat