码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-02-16 14:20:00      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:word-wrapbreak-word   td   

有时,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>


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

标签:word-wrapbreak-word   td   

原文地址:http://blog.csdn.net/asiaasia666/article/details/43851681

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!