長文本應該被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

[文字溢出：省略號不工作]的可能重複（https://stackoverflow.com/questions/7993067/text-overflow-ellipsis-not-working） –

使用文本溢出：剪輯;和寬度至H3

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

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

2017-10-11 03:57:40 Gattbha

謝謝！有效。 – Genjik

然後你使用文本溢出：ellipsis;但它會顯示somet ...使用寬度72px – Gattbha

請檢查。

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

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

2017-10-11 04:15:40

文本溢出：省略號也正在爲我好，但üdecleare寬度20像素是如此少，顯示有三個點的省略號（...）文本。這就是爲什麼它是隻顯示簡單...

只是增加寬度像70像素，並且它會work..and當u提溢出隱藏然後ü不需要指定text-overflow: clip。

width: 70px; text-overflow: clip

2017-10-11 06:42:00

回答