用div+span取代table的問題

[buganini (霸格尼尼)]

常看到推廣不要使用table

改用div+span

不過基於一些因素

有時候我還是不得不使用table


table的好處是他能自動撐開到適合的寬度

並且同一行的都一起撐開 能夠自動對齊

用div+span的時候

我就必須指定一個足夠大的width來讓他聽話

這對於動態的資料來說很不方便

除非動態的計算他需要的寬度(好麻煩)

雖然有看到

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

改成

<div><span style="float:left; text-align:right;"></span><span style="float:right; text-align:left;"></span></div>

這樣可以自動對齊

但是好像只適用兩行的情況

有什麼解決方案嗎？

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 163.22.93.130
推 DrGod:該用table的地方就用，刻意不用table是一種錯誤
推 buganini:mmm...看完這句我用table的時候心裡稍微沒那麼有罪惡感了
推 buganini:不過我想換div的另一個原因是我想動table的innerHTML
→ buganini:但是IE會爆，除非改insertrow和createElement
→ buganini:不過有點麻煩，所以想改div
→ smile0052:用百分比的方式不好嗎?
→ smile0052:用FLOAT這種方式不好吧.萬一有6.7欄怎辦?推一樓大大的
推 buganini:這樣每個span標籤都要加資料耶...這是另一個麻煩點