table的一些设置

来源：互联网发布：nginx 点播回看编辑：程序博客网时间：2024/06/06 21:30

当table设置了table-layout:fixed后，就会将表格的宽度固定住，多余的内容会隐藏，尤其在第一行出现合并列的情况，下面的列的宽度是失效的，因此可以在加一行并进行隐藏；

<table  border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed;width:200px;">   <tr style="display:none" mce_style="display:none">      <td style="width:100px"></td>      <td style="width:80px"></td>      <td style="width:20px"></td>    </tr>      <tr>      <td>1</td>      <td colspan='2'>2</td>    </tr>    <tr>      <td>1.1</td>      <td>2.1</td>      <td>2.2</td>    </tr>  </ table>

或者为可以添加为

<table  border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed;width:200px;">   <colgroup>      <col style="width:100px"></col>      <col style="width:80px"></col>      <col style="width:20px"></col>    </colgroup>      <tr>      <td>1</td>      <td colspan='2'>2</td>    </tr>    <tr>      <td>1.1</td>      <td>2.1</td>      <td>2.2</td>    </tr>  </ table>

同时在设置固定的宽度的时候要设置表格内的文字内容强制换行，一般fixed使用在固定表格的布局中。

阅读全文

0 0