带虚线结尾的 HTML 大文本

标签 html css

如果文本的大小大于应该用点表示的更多文本,我想在固定大小的 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/

相关文章:

jQuery:滚动到某个div时插入图像并更改CSS

java - 如何将处理草图作为 JAVA 小程序放在我的网站上?

c# - 定制的 Bootstrap btn 不适用于 chrome

javascript - 从数组中获取学生姓名元素具有最高点值并在 jquery 中突出显示此名称

javascript - 简单的 JavaScript 游戏

python - 使用 Python 仅获取网页中链接列表的第一个元素

css - flexbox 显示会改变边距宽度吗?

javascript - 如何使CSS宽度属性等于数学表达式的结果

html - 使响应式网格元素适合高度

html - 按钮移动网站内容