CSS3如何实现超出指定文本以省略号显示效果

超出指定文本以省略号显示效果,用css的"text-overflow:ellipsis;"实现 text-overflow:ellipsis; 溢出的部分用 省略号 表示。 div.test{ white-space:nowrap; width:123px; overflow:hidden; border:1px solid #000000; text-overflow:ellipsis;}
CSS3如何实现超出指定文本以省略号显示效果
超出指定文本以省略号显示效果,用css的"text-overflow:ellipsis;"实现
text-overflow:ellipsis; 溢出的部分用 省略号 表示。
<!DOCTYPE html><html><head><style> div.test{ white-space:nowrap; width:123px; overflow:hidden; border:1px solid #000000; text-overflow:ellipsis;}</style></head><body> <p>这个 div 使用 "text-overflow:ellipsis" :</p> <div class="test"> This is some long text that will not fit in the box </div></body></html>在div块中要设置宽度,"overflow:hidden;"要跟"text-overflow:ellipsis;"使用才行
2016-11-04
订单的的随风倒随风倒十分撒地方撒地方
2019-02-14
mengvlog 阅读 50 次 更新于 2025-10-31 09:14:50 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部