网页设计中长串英文字符自动换行

资讯 驱动中国 somesun 225 次阅读 0 条评论
分享 Q

在一个单元格内,中文字符如果超出了单元格的宽度,都会自动换行,但奇怪的是,如果全是英文的话,不过你将TD的宽度设为多大,英文字符都不会自动换行,只会一直延伸.如果做英文站点,动态输出内容,这个就麻烦了.
幸好有个简单的办法可以解决:就是用CSS.只需用到:word-break:break-all就可以了.

例如:
<table style="table-layout:fixed">
<tr>
<td width="100" style="word-break:break-all">testtesttesttesttesttesttesttesttesttesttesttesttesttesttestte
sttesttesttesttestte
sttesttesttesttesttesttesttesttesttesttesttesttesttestte
sttesttesttesttesttesttesttesttesttesttesttesttesttesttest</td>
</tr>
</table> 

版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友