- ベストアンサー
このようなCSS指定はできますか？
以下のようなスペース区切りの文字列があります。 これらを単語を途中で改行させず、単語の頭から改行させる CSSの指定方法はありますでしょうか？ 単語をspanで囲みnowrapを使ったのですが、単語の途中で改行 されないかわりに画面からはみ出してしまいました。 どうかよろしくお願いいたします。 あああああ いいいいい ううううう えええええ
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> div{ width:150px; background:#F4DBDC; } div>span{ white-space:nowrap; } div>span:nth-of-type(n+2)::before{ content: ""; display: block; } </style> </head> <body> <div> <span>あああああ</span><span>いいいいい</span><span>ううううう</span><span>えええええ</span> </div> </body>
その他の回答 (1)
- muuming2001
- ベストアンサー率23% (202/847)
追伸 普通はpなりdivなりで囲んで最初からブロック要素になるようにするような気がする・・・ <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> div{ width:150px; background:#F4DBDC; } </style> </head> <body> <div> <p>あああああ</p><p>いいいいい</p><p>ううううう</p><p>えええええ</p> </div> </body>
お礼
ありがとうございました！
お礼
ありがとうございました！