0

テキストが境界に達している場合でも、テキスト行が途切れないようにしたい要素があります。その場合、テキストが 1 つの長い単語であるかのように、テキストをオーバーフローさせたいだけです。

いくつかの調査の後、CSS3 プロパティ text-wrap がまさにこれを行うことができることがわかりました。ただし、最新のブラウザではまだサポートされていません。http://www.w3schools.com/cssref/css3_pr_text-wrap.asp

私が使用できる別のアプローチはありますか？

4

3 に答える 3

4

オーバーフローと空白を試してください。彼らはかなり良いブラウザサポートを持っています.

JSFiddleでそれらを見る

#overflow {
  white-space: nowrap;
  overflow: visible;
}

また、将来の提案として、w3schoolsのデータはしばしば不完全であり、時には間違っていることもあるため、w3schools を使用しないことをお勧めします。MDN は、はるかに信頼性の高い代替手段です!

于 2013-04-11T18:52:43.153 に答える
1

<pre>これは、テキストが事前にフォーマットされており、物理的に宣言した場合にのみ改行されることを意味しますDEMO http://jsfiddle.net/kevinPHPkevin/zcSFp/

<div>
    <pre><p>this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph </p></pre>
</div>
于 2013-04-11T18:56:54.463 に答える
1

これは、CSS 仕様に関する非常に奇妙な点の 1 つにすぎません。探しているものに最も近いプロパティは ですword-wrap。残念ながら、ラッピングなしの価値はありませんが、ありますwhite-space。これを要素に追加してみてください：

selector {
    white-space:nowrap; /* Sets no wrapping */
overflow:hidden; /* Hides the text that overflows the container. */
}

たとえば、jmeas のソリューションを使用して省略記号を追加することもできます。ソース: http://css-tricks.com/almanac/properties/w/whitespace/

于 2013-04-11T18:57:30.200 に答える