Javascript CSS3中的单词换行

Javascript CSS3中的单词换行,javascript,css,word-wrap,Javascript,Css,Word Wrap,有没有其他方法可以在div中对文本进行换行? 我不能在CSS中使用word wrap,因为我只能使用CSS1和一些CSS2 *使用javascript或CSS 谢谢大家! .test_wordWrap { position: absolute; top: 45px; left: 20px; width: 250px; white-space: pre-wrap; } 也许这会有帮助: .myClass { white-space: normal; ove

有没有其他方法可以在div中对文本进行换行?
我不能在CSS中使用word wrap,因为我只能使用CSS1和一些CSS2

*使用javascript或CSS

谢谢大家!

.test_wordWrap {
  position: absolute;
  top: 45px;
  left: 20px;
  width: 250px;
  white-space: pre-wrap;
}
也许这会有帮助:

.myClass {
     white-space: normal;
     overflow: hidden;
}
试试看

html


以下css属性将完成这项工作

word-break: break-all;

你可以试试这个,宝贝:)

p.wrap{
宽度:11em;
边框:1px实心#000000;
单词包装:打断单词;
}

这段话很长,但不足以表达你有多爱一个人,哈哈

你能试试这个吗:

<div class="wordwrap">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

.wordwrap
{
 width : 50px;
/* wrap long text and urls */
white-space: pre; /* CSS 2.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
word-wrap: break-word; /* IE 5+ */
} 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
.wordwrap
{
宽度:50px;
/*包装长文本和URL*/
空白:pre;/*CSS 2.0*/
空白:-预包装;/*Opera 4-6*/
空白:-o形预包装;/*Opera 7*/
空白:-moz预包装;/*Mozilla*/
换行:断开单词;/*IE 5+*/
} 

为什么您受到CSS1/2的限制?浏览器广泛支持word wrap。环境问题:是否可以使用您编写的html代码和css更新您的问题?是否更新了问题。谢谢大家!@谢谢你的回答!但它隐藏了文本的其余部分,因此隐藏了文本。“wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww?我能看看你的div声明吗?位置:绝对;顶部:45px;左:20px;宽度:250px;空白:正常;溢出:可见;这似乎不起作用。加上这个:单词break:break all,正如其中一个答案中提到的。这个答案与上面的答案相同(不一样,因为Css(空白:nowrap)和(空白:normal)是不同的.“我不能用wrap”为什么你不能用它,宝贝?只能用CSS1和CSS2。(环境问题)好的,宝贝,你可以用
空白:nowrap
当它在一个句子中时,这很好。比如

这是我的段落。诸如此类诸如此类诸如此类,但由于我要将一个单词包装起来,所以它不起作用。:(这是一种css3方法

word-break: break-all;
<div class="wordwrap">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

.wordwrap
{
 width : 50px;
/* wrap long text and urls */
white-space: pre; /* CSS 2.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
word-wrap: break-word; /* IE 5+ */
}