表格table中的td標籤中的內容太多,影響整體外觀,不美觀。將一部分內容隱藏起來,用省略號代替。
招式:1、在table標籤中加上style="table-layout: fixed;"
2、在內容多的td標籤中加入style="white-space:nowrap;overflow: hidden;text-overflow:ellipsis"
代碼如下:
<table width="600px;" style="table-layout: fixed;">
<tr>
<td width="20%">序號</td>
<td width="40%">描述</td>
<td width="40%">備註</td>
</tr>
<tr>
<td>1</td>
<td style="white-space:nowrap;overflow: hidden;text-overflow:ellipsis">
老地方科技阿打算理髮卡東方打機來的快放假啊阿打算看風景阿打算理髮卡東方</td>
<td>阿薩德發的是發的發水</td>
</tr>
</table>