表格固定宽度时，内容自动换行

最新推荐文章于 2023-06-19 13:14:57 发布

马欢欢

最新推荐文章于 2023-06-19 13:14:57 发布

阅读量1.5k

点赞数

分类专栏： HTML 文章标签： word-wrapbreak-word td

本文链接：https://blog.csdn.net/asiaasia666/article/details/43851681

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

有时，table表格中列过多、内容多时，常常会根据每列的业务含义，挑出一些列，设置他们的宽度变窄。

但是总是有例外。比如有一条数据在那一列刚好内容特别多，那么页面显示中其内容将显示不全。

解决办法：<TD>标签内增加style="word-wrap:break-word;"样式。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 表格固定宽度时，内容自动换行 </TITLE>
 </HEAD>

 <BODY>

  <table style="table-layout:fixed" border=2>
	<tr>
        <td width='50'  style="word-wrap:break-word;"> white-space:normal aaaaaaaaaaaa</td>
        <td>bbb<td>
	</tr>
	<tr>
		<td>cc</td>
		<td>ddd</td>
	</tr>
 </table>


 </BODY>
</HTML>