使用单词break时宽度自动:break word

Question

如何在使用word-break:break-word时自动调整p标记的宽度，使其等于文本所需的宽度？

例如：http://jsfiddle.net/ehs5v820/

这里的p标签应该等于160px，而不是200px。

以下是示例中的相关HTML和CSS：

.wrapper {
background-color: powderblue;
width: 200px;
}
.wrapper p {
width: auto;
word-break: break-word;
background-color: mistyrose;
}

<div class='wrapper'>
<p>Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World </p>
</div>

Answer 1

您可以使用display: inline。

.wrapper {
background-color: powderblue;
width: 200px;
}
.wrapper p {
display: inline;
word-break: break-word;
background-color: mistyrose;
}

<div class='wrapper'>
<p>Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World </p>
</div>