表格table中的td標籤中的內容太多,影響整體外觀,不美觀。將一部分內容隱藏起來,用省略號代替

表格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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章