Css 设置换行符的换行符的替代方法_Css_Word Wrap_Line Breaks

Css 设置换行符的换行符的替代方法

css

Css 设置换行符的换行符的替代方法,css,word-wrap,line-breaks,Css,Word Wrap,Line Breaks,我需要包一根长绳子，希望强者在断线时折断。所有浏览器都必须支持该解决方案 b’和d’的断裂应如下所示： Aaaa Bbbbbb bbbbbbbbbb Ccccc Dddddd ddddddddddd 标记词wrap:break-word会打断一个字符串，但不会在打断之前填充该行。下面是发生的情况： Aaaa Bbbbbb Bbbbbbbbbb Ccccc Dddddd ddddddddddd 标签词break:break all完全符合我的需要，但在Firefox和ie7及以下版本中不起

我需要包一根长绳子，希望强者在断线时折断。所有浏览器都必须支持该解决方案

b’和d’的断裂应如下所示：

Aaaa Bbbbbb
bbbbbbbbbb
Ccccc Dddddd
ddddddddddd

标记词wrap:break-word会打断一个字符串，但不会在打断之前填充该行。下面是发生的情况：

Aaaa 
Bbbbbb
Bbbbbbbbbb
Ccccc 
Dddddd
ddddddddddd

标签词break:break all完全符合我的需要，但在Firefox和ie7及以下版本中不起作用。它只适用于Chrome、Safari和ie8

文本换行标记正是我所需要的，但还没有任何浏览器支持它

有什么建议吗

仅供参考：我目前正在使用PHP管理中断

也许吧

word-break: break-all;

或

没有经过测试，只是想起了过去：）

使用PHP，插入

要将换行符放在哪里。它是零宽度空格字符
一种可能的解决方案是将空格替换为不可拆分的空格字符：

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#container
{
  word-wrap: break-word;
  width: 100px;
  background-color: rgb(200, 200, 200);
  font: 14px monospace;
}
</style>
</head>
<body>
<div id="container">
Aaaa&nbsp;Bbbbbbbbbbbbbbbb
Ccccc&nbsp;Ddddddddddddddddd
</div>
</body>
</html>


#容器
{
单词包装：打断单词；
宽度：100px；
背景色：rgb（200200200）；
字体：14px单空格；
}
Aaaa BBBBBBBBBBBBBBBBBBBB
CCCCDDDDDDDDDDDDD

非常重要的注意事项：
要让您描述的行为在textarea中也起作用，请执行以下操作：
<textarea onkeyup="this.value = this.value.replace(/ /gi, '\u00A0');"></textarea>



这将用不可破坏的空格（
）替换普通空格。谢谢，但我希望避免手动解决，因为问题会再次出现，页面布局的更改可能需要第二次手动干预。我希望所有浏览器都能支持文本换行，或者在firefox和ie7中解决break这个词：break all。或者可能是一种迫使换行工作在换行前填充行的方法。
<textarea onkeyup="this.value = this.value.replace(/ /gi, '\u00A0');"></textarea>