css省略號不起作用：在多行上產生標題

Question

我希望我的頁面中的標題（h4）使用橢圓在一行中截斷。所以h4在引導程序span4標籤內。

如果標題不符合一行，我希望它被截斷。但在我的情況下，即使在添加文本溢出：省略號標記後，標題也會產生多行。我如何使它保持在一行和截斷

Answer 1

您將不得不使用text-overflow: ellipsis;屬性結合white-space: nowrap;以及overflow屬性必須是可見的東西以外的東西。 請嘗試以下操作：

h4{ 
    width: 40px; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden;  
}