如果文本的大小大于应该用点表示的更多文本,我想在固定大小的 div 中显示文本。
例子
如果div中可以显示的文本数量是10那么
文本“Australia”应该显示为“Australia” 文本“United States Of America”应该显示为“United Sta...”
最佳答案
这是您要查找的 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 的框(因此 overflow: hidden
) . fiddle 可用here .
关于带虚线结尾的 HTML 大文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25282269/