長いテキストはCSSで隠すべきです

私はこのようなコードを持っています。 HTML：長いテキストはCSSで隠すべきです

<div> 
    <h3>Sometext</h3> 
</div>

はCSS：

div { 
    width: 20px; 
} 
h3 { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}

ここでの問題は、H3タグ "Sometextは" のみ "Somete" と書かなければならないが、オーバーフローやテキストオーバーフローの両方が助けにはならないということです。まだH3タグが見える。

2017-10-11 Genjik

私は本当にあなたが望むものを理解していない...あなたはそれが「Somete」を表示したいが、あなたはそれが見られることはありません何..あなたは明らかにそれを説明することはできますか？ –

私はこのdivにdivとh3があることを意味します。テキストがdivの特別な幅に収まらない場合は、このテキストの最後の3語を（隠すことができます）隠すようにして、 "。..."に置き換えます。 – Genjik

[text-overflow：省略記号が有効でない]重複している可能性があります（https://stackoverflow.com/questions/7993067/text-overflow-ellipsis-not-working） –

text-overflow：clip;そして

h3 { 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    text-overflow: clip; 
 
    width: 59px; 
 
}

<div> 
 
    <h3>Sometext</h3> 
 
</div>

2017-10-11 03:57:40 Gattbha

ありがとう！出来た。 – Genjik

次に、text-overflow：ellipsisを使用します。それはsomet表示されます...幅72pxを使用して – Gattbha

をh3はする幅はこれをチェックしてください。

h3 { 
 
    width: 70px; 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis;  
 
}

<div> 
 
    <h3>Sometext</h3> 
 
</div>

2017-10-11 04:15:40

テキストオーバーフロー：省略記号も私のために正常に動作しているが、uは幅20ピクセルが3つの省略記号のドット（...）を使用してテキストを表示するので、小さいdecleare。だからこそ、単純なことだけを示しているのです...

ちょうど70pxのように幅を増やすとうまくいくでしょう。

width: 70px; text-overflow: clip

2017-10-11 06:42:00

答えて