2013-04-09 20 views
-3

你好,我需要知道如何使用的div,CSS和右XHTML如何使用的div和css

<table width="100%" border="1"> 
     <tr> 
      <td style="width: 130px">1</td> 
      <td align="center">2</td> 
      <td style="width: 130px">3</td> 
     </tr> 
    </table> 

感謝

+4

爲什麼這需要在資料覈實,而不是一個表? – 2013-04-09 14:36:44

+0

我是一箇舊的開發人員使用表格的代碼模板現在時間有變化,因爲我看到人們使用div這不是數據表我的意思是我需要它的模板謝謝。 MAYBE我認識到錯誤 – 2013-04-09 14:39:33

+2

請參閱http://webmasters.stackexchange.com/a/6037/1253。一定要閱讀評論。 – 2013-04-09 14:44:12

回答

3

像這樣讓這個表做這個(表格)?

<div class="table"> 
    <div class="row"> 
     <span class="cell width130">1</span> 
     <span class="cell">2</span> 
     <span class="cell width130">3</span> 
    </div> 
</div> 

.table { 
    display: table; 
    width: 100%; 
    border: 1px solid black; 
} 
.row { 
    display: table-row; 
} 
.cell { 
    display: table-cell; 
} 
.width130 { 
    width: 130px; 
} 
+0

我喜歡,但問題是,這是正確的方式? – 2013-04-09 14:42:24

+1

對於非表格數據,這當然更有意義,如果那就是你的意思。 – 2013-04-09 14:43:36

+1

LeonidVinikov當我們談論CSS時,沒有像'正確的方式'這樣的東西。 @ jimjimmy1995建議的這種特殊解決方案適用於您和我,同時也非常優雅。對我來說,結論很簡單:這是正確的方法。 – 2014-11-05 06:22:52