61,111
社区成员
发帖
与我相关
我的任务
分享CSS 数字换行的问题！！！ 附图
效果如上。
代码如下：
<td width="59%" height="75" valign="top" style="padding-left:10px;">
文字内容...
</td>
...全文
请发表友善的回复…
发表回复
86y 2011-02-09
- 打赏
- 举报
不过FF依然不行哦!
missgd152 2011-02-09
- 打赏
- 举报
连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行,但是用户必须给定div、table、td的width宽度限制，方能见效。
例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
#d{word-wrap:break-word; width:200px;}
</style>
</HEAD>
<BODY>
<table width="200" style="table-layout:fixed;">
<tr>
<td width="25%" style="word-break : break-all; ">table中的换行abcdefghigklmnopqrstfdfdsfdsfuvwx1234567890
</td>
</tr>
</table>
<br><br>
<div id="d">层当中的换行abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
</BODY>
</HTML>
例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
#d{word-wrap:break-word; width:200px;}
</style>
</HEAD>
<BODY>
<table width="200" style="table-layout:fixed;">
<tr>
<td width="25%" style="word-break : break-all; ">table中的换行abcdefghigklmnopqrstfdfdsfdsfuvwx1234567890
</td>
</tr>
</table>
<br><br>
<div id="d">层当中的换行abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
</BODY>
</HTML>
Cool_xiaocao 2011-02-08
- 打赏
- 举报
work-break:break-all
xmlife 2011-02-08
- 打赏
- 举报
td{
word-break:break-all;
}
word-break:break-all;
}
Rotel-刘志东 2011-02-07
- 打赏
- 举报
td work-break:break-all
yuweiqing_120 2011-02-07
- 打赏
- 举报
又学一招，告诉我是个知识，不告诉我是个迷。
dalmeeme 2011-02-06
- 打赏
- 举报
给td的style属性添加样式：word-break:break-all;设置允许子内断开：
