HTML连续英文字符串强制换行

大家都知道在table的某一格里插入文本时,如果是中文当然是没有问题,当到达指定宽度时会自动换行,但如果是英文或数字之类的就会有问题了.因为它是以空格为英文单词间的区别,但是如果输入一长串英文,中间不含空格时,表格就变形了.但事实table的style里有一项可以让英文强制换行的,就是 word-break,当把这项设为break-all时大家就可以看到效果了.

示例代码:

<table width="100%" style="word-break:break-all">

<td width="20%">

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

</td><td width="80%"></td></table>

把这copy到body里预浏看看.

word-break还有两个选项:normal就是通常的,不设置时的效果了。

keep-all:则是和break-all相反,是不管什么字符在没有空格和换行符的情况下都不换行

时间: 2024-10-15 13:47:56

HTML连续英文字符串强制换行的相关文章

js实现连续英文字符自动换行兼容ie6 ie7和firefox_javascript技巧

复制代码 代码如下: irefox中连续英文字符如果要CSS控制强制换行,探索了N久,发现是实现不了的逼不得已的时候就用js脚本进行控制吧 英文字符自动换行,通过js脚本截断字符串,此方法通用ie6,ie7,firefox兼容解决办法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

页面的强制换行问题总结

问题|页面 如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字不撑破表格的目的,一般是使用样式:table-layout:fixed.但是在Firefox下面,会有一些问题,参考Gmail的一些做法,做了几个测试,得出一种解决办法. 如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字不撑破表格的目的,一般是使用样式:table-layout:fixe

GridView一般换行与强制换行

首先设置<asp:BoundField DataField="家庭住址" HeaderText="家庭住址" ItemStyle-Width="100" />gridview里有一列绑定的数据很长,显示的时候在一行里面显示,页面拉得很宽. 效果图: 原因是连续英文段为一个整体导致的,在RowDataBound中添加上了一句e.Row.Cells[2].Style.Add("word-break", "br

CSS强制换行对齐的实现方法

 本文实例讲述了CSS强制换行对齐的实现方法.分享给大家供大家参考.具体分析如下: 用CSS控制中英文字符强制换行并两端对齐,有效避免DIV的内容超出范围而改变网页布局,强制换行的功能很实用.   代码如下: <html> <head> <title>CSS强制换行对齐</title> </head> <body> 英文对齐: <div style="font-size:12px;width:300;text-alig

我想在标签里面输入一段连续的字符串如何实现

问题描述 我想在标签里面输入一段连续的字符串如何实现 但是连续的字符串中间有一个位置我想输出换行符,就是说输出后文本是两行,我该在那个地方加什么 解决方案 rn 解决方案二: .....html页面的换行符:"",使用方法是 java的换行符:"n",使用方法是 ```String text = "aaaaaaanaaaaaaaa"; 诶,我的心有点累 解决方案三: 解决方案四: 你个杀千刀的,怎么写了这么多的文字,我要被拦腰截断了啊,天啊! 在

【Python】字符串的换行 和 引入其他py文件

1. 如果你的字符串很长,那么改如何处理呢? 直接回车是不行的,就像这样子: python提供了3中方式可以用来对很长的字符串进行换行显示 A. 三个'号   B. 三个"号 C. 在第一行的末尾加上 \  2. 想要引入其他的包或者其他的py文件如何做呢? 其实问题就归根结底到import的用法了: 转自:http://blog.csdn.net/lisonglisonglisong/article/details/38666819 在程序中定义函数可以实现代码重用.但当你的代码逐渐变得庞大时

如何正确使用标题元素、段落和强制换行

 如何正确使用标题元素.段落和强制换行?如何使其更符合语义化呢?摘译自http://www.sitepoint.com/print/html-37-steps-perfect-markup 的二段小文,会对初学者带来点帮助. 如何正确使用标题元素 HTML 标题元素类型是h1 .h2 .h3 .h4 .h5 和h6 ,数字表示标题的结构级别,我们要像在学校里学习那样认真对待标题(呵呵,不过我没念过多少书,69届初中-译者). 最高级别的标题在页面中必须是h1 .它应该描述的是这个页面是做什么的.

word2013如何取消强制换行

  word2013如何取消强制换行 一.打开word文档,单击ctrl+H召唤出替换框,之后在查找内容中输入:.([!.:--?!)])^13{1,} 之后单击"更多"; 二.在替换框中输入: 1,之后选择"使用通配符"; 注:文中标红的通配符,意思就是查找所有以非句号.冒号.中文省略号.问号.感叹句和右括号为结尾.硬回车符号为标志的段落,然后将其删除. 三.输入完成之后选择"全部替换",返回文档即可.

word2013怎么消强制换行?

  word2013怎么消强制换行? 一.打开word文档,单击ctrl+H召唤出替换框,之后在查找内容中输入:.([!.:--?!)])^13{1,} 之后单击"更多"; word2013 二.在替换框中输入: 1,之后选择"使用通配符"; 注:文中标红的通配符,意思就是查找所有以非句号.冒号.中文省略号.问号.感叹句和右括号为结尾.硬回车符号为标志的段落,然后将其删除. word2013 三.输入完成之后选择"全部替换",返回文档即可. wp