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 阅读 27 次 更新于 2025-08-05 16:42:36 我来答关注问题0
  • (1)break-all:可以在文本内换行,任意断开 (2)break-word:可以在文本内换行 (3)keep-all:不允许换行 (3)normal:可以在文本内换行 下面利用几个实例说明word-break的用法,操作如下:第一步,双击打开HBuilder工具,在Web项目指定目录新建静态页面,并引入相关的CSS和JS文件;在body标签插入...

  • 溢出后的处理方式,若是想隐藏溢出的内容,可以考虑使用 text-overflow 属性。3. 火狐/IE浏览器flash透明,css强制不换行,溢出隐藏css强制不换行,溢出隐藏:overflow:hidden使用说明及要点:◎ 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。◎ 设置textarea对象为hidden值将隐藏其滚动条。◎ ...

  • 1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行 wrap{word-break:break-all; width:200px;}或者#wrap{word-wrap:break-word; width:200px;} 2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个...

  •  天罗网17 前端面试题系列之-CSS及页面布局篇

    参考链接: CSS实现不换行/自动换行/文本超出隐藏显示省略号 object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能 import规则一定要先于除了@charset的其他任何CSS规则。不推荐使用@import:因为浏览器的兼容的问题...

  •  猪八戒网 设置div滚动条滚动到指定位置?

    js设置div滚动到固定位置可以设置div的scrollTop值。div当中有滚动的时候,设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画,可以使用css3的过渡或者动画函数,jquery可以用animate函数。动态页面的操作(滚动屏幕到指定元素位置)和DIV滚动条滚动#第一种方法:focus(这个是元素正好在屏幕中间)target...

檬味博客在线解答立即免费咨询

CSS相关话题

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