css - 定義された幅のスパンで改行しますか?

Question

スパンの幅に達したら、スパン内の行を分割するにはどうすればよいですか? max-width を試しましたが、うまくいきませんでした。スパンは常にテキストと同じ長さです。

アイデア？

ありがとう！

Answer 1

デフォルトでは、<span>要素は「インライン」であり、常にコンテンツのサイズに合わせて拡大します。<span>をdisplay: block;orと明示的に宣言する必要がありますdisplay: inline-block;。

Answer 2

span { 
    display:block;
    width:150px;
    word-wrap:break-word;
}

Answer 3

spanはインライン要素です。つまり、テキスト (または他のインライン要素) にラップされます。widthまたはの対象外heightです。

のようなブロック要素、divまたはインラインブロック要素 (要素を設定することによって達成されるdisplay: inline-block) が必要な場合があります。