table-layout爲fixed時，表格長度平均分配的現象解決

對於表格中內容超出長度改變表格長度須要設置以下屬性

white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

還有

table的屬性able-layout：fixed，這會使表格大小不會由於內容變化而變化。

當表格table-layout爲fixed時，其表格寬度由第一行決定，若第一行爲一整行時，設定表格的寬度成了一個問題，其下的表格都會平均分配，在css中設置的百分比也不會起效，這是用colgroup配合col標籤能夠解決問題

 

 

<table width="100%" border="1" style="table-layout:fixed">
        <colgroup >
            <col width=10% >
            <col width=10%>
            <col width=80%>
        </colgroup>
        <tr>
           <td colspan="3">BOOK</td>
        </tr>
        <tr>
            <td>ISBN</td>
            <td>Title</td>
            <td>Price</td>
        </tr>
        <tr>
            <td>3476896</td>
            <td>My first HTML</td>
            <td>$53</td>
        </tr>
    </table>