2016-10-04 66 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

你真的不能截斷特定單詞/字符後的文本,但你可以設置'h5'元素的寬度,並有'溢出:hidden'確保一切不在該寬度內適合不會顯示。 – Dekel

+0

@Dekel仍然不起作用 –

+0

B/1 Rajasthan Appartment,Kabirchowk ,薩巴爾馬蒂,艾哈邁達巴德
我申請了下面的代碼。 –

回答

0

我找到了。它爲我工作。

<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>