colspan不接受十進制數字。我如何指定跨度？

<table> 
    <thead> 
     <th colspan="4">Liquor Store Blues</th> 
    </thead> 
    <tbody> 
     <tr> 
      <td colspan="4">Meow</td> 
     </tr> 
     <tr> 
      <td colspan="2">Meow</td> 
      <td colspan="2">Meow</td> 
     </tr> 
     <tr> 
      <td colspan="1.33">Meow</td> 
      <td colspan="1.33">Meow</td> 
      <td colspan="1.33">Meow</td> 
     </tr> 
     <tr> 
      <td>Meow</td> 
      <td>Meow</td> 
      <td>Meow</td> 
      <td>Meow</td> 
     </tr> 
    </tbody> 
</table>

我已經得到了它的形象在這裏：http://i.imgur.com/myKN33l.png colspan不接受十進制數字。我如何指定跨度？

想成立各td的colspan第4行中1.44但後來我才知道，colspan不採取十進制數。那我該怎麼做呢？我應該使用CSS嗎？如果是這樣，怎麼樣？

來源

2013-05-28 Daniel_V

乘以所有跨度，以便它們最終成爲整數。 http://html-tables.com/可能會有所幫助。 – Tomalak

我很難相信這是表格數據。 – cimmanon

Colspan取整數值。 Colspan與寬度不同。你想做什麼？ –

，你的表實際上有12列，不是4

http://cssdeck.com/labs/9lzcwolh

td { 
 
    border: 1px solid; 
 
}

<table> 
 
    <thead> 
 
     <th colspan="12">Liquor Store Blues</th> 
 
    </thead> 
 
    <tbody> 
 
     <tr><td colspan="12">A1</td> </tr> 
 
     
 
     <tr><td colspan="6">B1</td><td colspan="6">B2</td></tr> 
 
     
 
     <tr><td colspan="4">C1</td><td colspan="4">C2</td><td colspan="4">C3</td></tr> 
 
     
 
     <tr><td colspan="3">D1</td> <td colspan="3">D2</td> <td colspan="3">D3</td><td colspan="3">D4</td></tr> 
 
    </tbody> 
 
</table>

來源

2013-05-28 15:19:55 cimmanon

12列???先生，我沒有明白。 :( –

4 * 3 = 12。在最後一行繪圖可能有助於更好地形象化它：http://cssdeck.com/labs/xfwrekym – cimmanon

我無法弄清楚如何有12列......你能解釋一下嗎我...我真的沒有明白：（ –

-2

該行，你可以使用嵌套表使用下面的HTML：因爲有3個元素的第4行

<tr><td colspan="4"> 
    <table> 
    <tr> 
    <td>Meow</td> 
    <td>Meow</td> 
    <td>Meow</td> 
    </tr></table> 
</td></tr>

來源

2013-05-28 15:07:50 waldol1

爲什麼有人會投票回答這個問題的明顯答案？這是更加用戶友好的，然後添加額外的列，使你想要做的整除可分爲。 – 15km

假設表格首先用於顯示錶格數據（我懷疑，但讓我們假裝），嵌套表格顯然是用於佈局。這就是爲什麼這是糟糕的設計。除非你的瀏覽器很老，否則沒有必要*做額外的列*以正確的方式做。 – cimmanon

嗯，但如果他們決定添加第五行，有五列，你必須回去重做所有的數字，讓佈局保持不變，這對我來說似乎是不好的設計。這是說你處理這個問題的方式是一個非常有趣的方式來處理這個問題，我只是看更大的圖片。 – 15km

colspan不接受十進制數字。我如何指定跨度？

回答

相關問題