码迷,mamicode.com
首页 > 其他好文 > 详细

word-break和word-wrap的使用和区别

时间:2018-11-06 14:34:51      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:有一个   image   文字   order   long   ima   单词   alt   技术分享   

问题起源: 中文是一个字就是一个单词,而英文字母要有一个空格才将他们分割为一个单词;文字换行没事,主要是英文

<!DOCTYPE html>
<html>
<head>
<style>
p.test1
{
width:11em;
border:1px solid #000000;
word-wrap:break-word;
}

p.test2
{
width:11em;
border:1px solid #000000;
word-break:break-all;
}
p.test3
{
width:11em;
border:1px solid #000000;
}
</style>
</head>
<body>

<p class="test1">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
<p class="test2">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
<p class="test3">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>


<p><b>注释:</b>目前 Opera 不支持 word-break 属性。</p>

</body>
</html>

技术分享图片

word-break和word-wrap的使用和区别

标签:有一个   image   文字   order   long   ima   单词   alt   技术分享   

原文地址:https://www.cnblogs.com/520BigBear/p/9914839.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!