0

高さ 0 の div がありますが、テキストは切り捨てられておらず、div ボックスのみです。例：

<div style="width:200px;height:10px;background-color:red;">
Text
</div>

divからはみ出さないようにテキストを切り取ってほしい。

これは次のようになります。

*画像1*

そして、これは私がそれを次のように見せたいものです:

画像2

4

4 に答える 4

1

オーバーフローを使用してください：cssで非表示この例を参照してくださいhttp://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

于 2012-07-24T09:39:51.123 に答える
1

これをメイン div に追加します

overflow:hidden;
于 2012-07-24T01:47:41.560 に答える
1

使用する必要がありますoverflow:hidden;

以下に例を示します: http://jsfiddle.net/v4ykN/

これは、overflowプロパティの概要です: http://css-tricks.com/the-css-overflow-property/覚えておくと良い情報があります:

このように隠されているコンテンツは、まったくアクセスできないことに注意してください (ソースを表示することはできません)。たとえば、ユーザーがデフォルトのフォント サイズを予想よりも大きく設定している場合、テキストをボックスの外に押し出し、ビューから完全に隠している可能性があります。

于 2012-07-24T01:48:28.887 に答える
0

overflow:hidden;あなたがしていることに幸運を使わなければなりません

于 2013-02-11T22:34:43.297 に答える