我試圖拆分一個TD(表格單元格)看起來好像是兩個單元格.問題是當細胞在高度上生長時,我不能使兩個div在里面占據所有可用的高度.由于這些單元格可以動態生長,因此無法設置固定高度(可以解決問題).

這是我的代碼：

JS Bin

article, aside, figure, footer, header, hgroup,

menu, nav, section { display: block; }

td { border: 1px solid black; width: 50px; text-align: center; margin:0; padding:0 }

#span1 { background-color: #DDD; width: 25px; float: right; }

#span2 { background-color: #EEE; width: 24px; float: left; }

.t { border-top: 1px solid black; }

.r { border-right: 1px solid black; height: 100%; }

1	2	311	4
1	2	33	4
1	2 2 2 2 2 22 2	33	4
1	2	33	4
1	2 2 2 2 2 2 2 2	33	4

這是它的外觀：

我不想在第3列中看到這些空白.

任何想法如何解決？

到目前為止,我一直在和CSS打架一段時間沒有運氣…

謝謝！.

總結

以上是生活随笔為你收集整理的html单元格分割,html – 拆分td在两个的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。