HTML带有虚线末尾的大文本

Question

我想在固定大小的div中显示文本，如果文本的大小比用更多的文本用点表示的话。

示例

如果div内显示的文本数是10，那么

text＆＃34; Australia＆＃34;应显示为＆＃34;澳大利亚＆＃34; 文字＆＃34;美利坚合众国＆＃34;应显示为＆＃34; United Sta ...＆＃34;

Answer 1

这是您正在寻找的CSS属性：

text-overflow: ellipsis;

例如：

<div style="width: 5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
    United States of America
</div>

将显示

  

United St ...

文本必须在一行（因此是white-space: nowrap），并溢出一个隐藏溢出的框（因此overflow: hidden）。提供小提琴here。

Answer 2

将CSS添加到div。

 div
    {
    text-overflow:ellipsis;
    }

希望有所帮助