您的位置：首页 > 其它

你了解word-wrap和word-break的区别吗？

2016-12-18 17:06 375 查看

我想很多人会在想这两个东西是什么鬼东西，我相信至今还有很多人搞不清，只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句，又或者是因为这两个东西实在是太拗口了，长得又差不多，导致连背都很难背下来。我们还是直接看用法吧！

<style>
.text{
width:200px;
height:300px;
}
</style>
<p class="text">你看，adadadadadadadadadadadadadadadada<p>

在里面加

word-wrap:break-word;

就变了

它自动换行了，然而第一行有点空对吧，但没事，我在里面再加

word-break:break-all;

看是不是变了。

<html>
<head>
<meta charset="utf-8">
<style>
.text{
width:200px;
height:300px;
border: 1px solid #000;
word-wrap:break-word;
word-break: break-all;
}
</style>
</head>
<body>
<div class="text">你看，adadadadadadadadadadadadadadadada<div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航