2016-10-04 4 views
-1

CSSを使用してN単語からテキストを切り詰めるにはどうすればよいですか?CSSを使用してテキストを切り詰めるには?

HTML:

<h5 style="font-size:14px"><span class="icon-home"></span> B/1 Rajasthan Appartment, Kabirchowk, Sabarmati, Ahmedabad</h5> 

私は私がこれをどのように行うことができますkabirchowk後にテキストをtrunacateしたいですか?

+0

その幅内に収まると表示されません。 – Dekel

+0

@Dekelまだ動作していない –

+0

B/1 Rajasthan Appartment、Kabirchowk 、Sabarmati、Ahmedab​​ad
次のコードを適用しました。 –

答えて

0

見つかりました。それは私のために働いた。わからない、すべてことを確認するためにhidden`:あなたは本当に特定の単語/文字の後にテキストを切り捨てることはできませんが、 `h5`要素の幅を設定し、`オーバーフローを持つことができます

<h5 style="font-size:14px;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;"><span class="icon-home"></span> <?php echo $p["Address1"];?></h5> 
関連する問題