ホームページ  >  記事  >  ウェブフロントエンド  >  CSS 改行問題_html/css_WEB-ITnose

CSS 改行問題_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:24:251299ブラウズ

css html 改行 強制改行

<div style="width:400px;border:1px solid #333;word-wrap:break-word;">公交1346546546531343411324654324654132465465431346546541324651324654654132465435454354646546</div>

私が実現したいのは、数値とテキストが同じ行上にあることです。コンテナの境界に達すると、テキストと数値は同じ行上になくなります。何をするか? ? ?
神様にアドバイスを求めましょう!
ありがとうございます!

ディスカッションへの返信(解決策)

<div style="width:400px;border:1px solid #333;word-break:break-all;">公交1346546546531343411324654324654132465465431346546541324651324654654132465435454354646546</div>

Firefoxを使用する必要がない場合は、上記の方法が可能です。Firefoxを使用したい場合は、他の方法を考える必要があります

<div style="width:400px;border:1px solid #333;word-wrap:break-word;display:inline;">公交1346546546531343411324654324654132465465431346546541324651324654654132465435454354646546</div>

1階への返信、試してみたらうまくいきました。ありがとう。なぜか教えてくれますか?

1階への返信、試してみたらうまくいきました。ありがとう。なぜか教えてくれますか?
word-break:break-all この CSS は、いかなる状況でも幅を超えている限り、完全な単語の後でのみ改行を強制します。つまり、全角文字を使用して行を折り返す方法については、w3c を参照してください。簡単な説明が得られると幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。