css - 让文本通过 div

Question

好的，这是一个调查，其中 div 是图表，就像你在 facebook 上看到的一样。

基本上：

<div style='border:1px solid black;width:300px;'>    
<div style='width:100px;???'>This text is longer than the inner div tag.</div>
</div>

...但我希望文本不要中断并直接通过 div。有人可以帮我吗？

Answer 1

您可以使用white-space: nowrap. 确保您div及其相关的祖先没有，overflow: hidden否则您在离开元素时将看不到文本。

js小提琴。

Answer 2

CSS

word-wrap:nowrap;

导致文本不换行。有关更多信息，请参阅MDN 上的自动换行。