2011年9月4日 星期日

html實作備忘技巧-固定td-width

當在table內第一行為colspan又要設定td的width時,常會產生因為text長度不一而無法固定欄寬的問題。

例:    <table width='300px'>
             <tr>
                <td colspan='2'></td>
             </tr>
             <tr>
                <td width='200px'></td>
                <td width='100px'></td>
             </tr>
           
此時 td的 width無效果  需要使用
style="table-layout:fixed"   且在第一行增加一空白td



        <table width='300px' style="table-layout:fixed">
             <tr>
                <td width='200px'></td>
                <td width='100px'></td>
             </tr>
             <tr>
                <td colspan='2'></td>
             </tr>
             <tr>
                <td ></td>
                <td ></td>
             </tr>




沒有留言:

張貼留言