css - テキストをdivに通す

Question

わかりました。これは、Facebookで表示されるのと同じようにdivがグラフである調査用です。

基本的に：

<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そうしないと、要素を離れるときにテキストが表示されません。

jsFiddle .

Answer 2

CSS

word-wrap:nowrap;

テキストが折り返されないようにします。詳細については、MDN の word-wrap を参照してください。