無論如何要限制<span>標籤中的單詞而不更改其顯示屬性？

正如我們所知，有限制的標籤p詞的方式，但我想要做的標籤跨度一些事情，不改變其顯示屬性，反正是有實現的呢？無論如何要限制<span>標籤中的單詞而不更改其顯示屬性？

更新：我不想改變顯示屬性，因爲它可以打破正常流動。那麼，有沒有辦法實現它？我想也許text-overflow只適合於block或inline-block框。

2015-06-25 Todd Mark

應用，你有對span標記你的p標記相同的風格和這個屬性添加到它：

display:inline-block;

這將這樣的伎倆。

乾杯，

來源

2015-06-25 08:17:35 POZ

那樣的失敗的<span>的目的，但是簡單地增加display: block;或display:inline-block;跨越給出了同樣的效果。所以，你的代碼將變成：

p,span{ 
 
    width: 100px; 
 
    -ms-text-overflow: ellipsis; 
 
    text-overflow: ellipsis; 
 
    overflow: hidden; 
 
} 
 
span{ 
 
    display:block; 
 
}

<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 
<p>ttestesttestesttestesttestesttestestestest</p> 
 
    <br> 
 
    <span>testesttestesttestesttestesttestesttestesttestest</span> 
 
</body> 
 
</html>

來源

2015-06-25 08:19:32 jaunt

Fiddle

跨度默認情況下內聯元素。使用display: block;覆蓋它。

來源

2015-06-25 08:20:45 Yasitha

無論如何要限制<span>標籤中的單詞而不更改其顯示屬性？

回答

相關問題