網頁

2016年1月19日

[html] 解決表格(table)會併排的問題

表格會併排的原因,就是在table標籤上加入了align="left"屬性,因此表格就會變成併排顯示,即使中間插入<BR>標籤,表格還是一樣併排。

表格html範例:
<table border="1"><tr><td>表格一</td></tr></table>
<table border="1" align="left"><tr><td>表格二</td></tr></table>
<table border="1" align="left"><tr><td>表格三</td></tr></table>
<table border="1"><tr><td>表格四</td></tr></table>
<table border="1"><tr><td>表格五</td></tr></table>

輸出結果:
當遇到沒有align="left"屬性的table(如下圖第4行),再下一個的table就會還原成不併排。