html - css の省略記号が機能しない: 見出しが複数の行に表示される

Question

ページの見出し (h4) を楕円を使用して 1 行で切り詰めたい。したがって、h4 はブートストラップの span4 タグ内にあります。

タイトルが 1 行に収まらない場合は、切り捨ててください。しかし、私の場合、 text-overflow:ellipsis タグを追加した後でも、タイトルは複数の行を生成します。1行だけにとどめて切り詰めるにはどうすればよいですか

Answer 1

プロパティは、可視以外のものでなければならないプロパティとtext-overflow: ellipsis;組み合わせて使用​​する必要があります。次のことを試してください。white-space: nowrap;overflow

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