不间断的长文本环绕浮点元素
不间断的长文本环绕浮点元素
提问于 2015-07-16 07:20:36
是否有可能将一段长文本环绕在浮动元素周围？
目前，我有一个元素漂浮在右边，普通文本很好地环绕在它周围。然而，即使使用word-wrap: break-word，长文本也不会环绕图像。
https://jsfiddle.net/64pp4kmm/1/
CSS：
.right {
float: right;
margin-left: 5px;
margin-bottom: 5px;
}
div {
word-wrap: break-word;
}
.comment {
background-color: aqua;
width: 200px;
padding: 1em;
}HTML：
<div class='comment'>
<div class="right">
like
</div> verylongtextverylongtextverylongtextverylongtextverylongtextverylongtextverylongtextverylongtextverylongtextverylongtextverylong
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2015-07-16 07:31:39
我想你是在找word-break: break-all;而不是word-wrap。因为它是一个很长的单词，所以您想要break它，只有当单词用空格(类似于空格)分隔时，您才想要将它们放在某个地方。一些没有坏的东西不能被包裹起来。
所以你的CSS看起来是这样的：
.right {
float: right;
margin-left: 5px;
margin-bottom: 5px;
}
div {
word-break: break-all;
}
.comment {
background-color: aqua;
width: 200px;
padding: 1em;
}更多关于分词的信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31447744
复制相关文章
相似问题
腾讯云开发者
