英文不断单词自动换行的问题

相当之稳重 2014-02-21 11:26:18

我设置了这样的css：



body,table,td,div,p,span{ word-wrap:break-word;}

在下面这种情况下是正常的，英文会按单词换行，而不会切断单词破坏语法：



<div>

  word word word word word word word word word 

</div>

但是接下来这种情况下单词会被强制断行，比如第一行最后是 wo 第二行开头是 rd ，实际上完整的单词应该是 word ：



<div>

  <p>word word word word word word word word word </p>

</div>

请教下这个该怎么解决呢？

...全文

257 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

人生难得一只鸡 2014-02-21

打赏
举报

回复

不可以吗？

<style>
.box p{width:200px;background:#ccc;word-wrap:break-word;}
</style>
</head>

<body>
<div class="box">
	 <p>word word word word word word word word word </p>
</div>
</body>

相当之稳重 2014-02-21

打赏
举报

回复

引用 1 楼 Return_false 的回复:

不可以吗？

<style>
.box p{width:200px;background:#ccc;word-wrap:break-word;}
</style>
</head>

<body>
<div class="box">
	 <p>word word word word word word word word word </p>
</div>
</body>

是我搞错了，之前问题的原因不对。是内容发布出来的时候输出的html变成了word word 然后换行就有问题了。跟<p>没关系。

word-wrap是控制换行的,可取：word-wrap:break-word | normal | break-all | keep-all break-word：它主要用来是控制是否将强制把单词换行，对于中英中文没有任何问题，但是对于长串的英文无效。 normal：英文单词不被拆开，它是默认值。 break-all，主要解决了长串英文的问题。主要用来是断开单词。在单词到边界时，下个字母自动到下一行。 keep-all，是指对于中、日、单词之间不断词。即只用此时，不用word-wrap，中文就不会换行了。（英文语句正常。） IE下：使用word-wrap:break-word;所有的都正常

CSS让英文单词的自动换行在制作网页过程中，css样式编写中，可能会遇到文字换行的问题，其中英文换行可能会困扰着很多初学者，而今天我就这个问题进行相应的阐述，学过css的朋友应该都知道，控制文字是否换行可以直接使用css中的word-break来进行调整，但是对于英文来说，我们要让其能满足所有浏览器的需要，仅仅这一个属性是不够的。根据我个人所了解的一些资料显示，英文过多，过长，不仅仅影响到表格，还...

如何让表格中超长英文单词自动换行用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：(总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。 table{table-layout: fixed;} td{word-break: break-all; word-wrap:break-word;} 注释一下： 1.第一条tab...

CSS解决英文自动换行问题当容器内出现长串英文时，容器会被撑大，此时内容不会自动换行，那么如何用css来解决英文自动换行问题呢？请往下阅读：如果是在Table内出现此问题，可以在table标签中加入 style="WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all;"问题会得到解决。那么，word-wrap同word-bre...

本文章来给各位同学介绍css怎样让英文字母数字自动换行且不断词方法总结，有需要了解的同学可进入参考。当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候，在IE和FF中都会撑大容器，不会自动换行并且当数字或者英文中带有汉字时，会从汉字处换行，而纯汉字却可以自动换行。这个问题如何解决？先来认识一下两位主角word-wrap和word-breakword-break用来控制断词三种取值：(1...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章