HTML带有虚线末尾的大文本

HTML带有虚线末尾的大文本,第1张

概述我想在固定大小的div中显示文本,如果文本的大小比用更多的文本用点表示的话. 例 如果div内显示的文本数量是10则 文字“澳大利亚”应该显示为“澳大利亚” 文本“美国”应显示为“United Sta …” 这是您正在寻找的CSS属性: text-overflow: ellipsis; 例如: <div style="width: 5em; overflow: hidden; text-overf 我想在固定大小的div中显示文本,如果文本的大小比用更多的文本用点表示的话.

如果div内显示的文本数量是10则

文字“澳大利亚”应该显示为“澳大利亚”
文本“美国”应显示为“United Sta …”

解决方法 这是您正在寻找的CSS属性:

text-overflow: ellipsis;

例如:

<div >    United States of America</div>

会显示

United St…

文本必须在一行(因此是空格:nowrap),并溢出一个隐藏溢出的框(因此溢出:隐藏).小提琴可用here.

总结

以上是内存溢出为你收集整理的HTML带有虚线末尾的大文本全部内容,希望文章能够帮你解决HTML带有虚线末尾的大文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1080349.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存