星空网 > 软件开发 > 网页设计

CSS控制文本的长度,超过一行显示省略号

代码如下:

<div >a b c d e f g h i j k l , msa sd sd sa w df f </div>

 text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。 

一、仅定义text-overflow:ellipsis; 不能实现省略号效果。   

二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果   

三、同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可实现所想要得到的溢出文本




原标题:CSS控制文本的长度,超过一行显示省略号

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

tiktok小店怎么发货:https://www.goluckyvip.com/tag/82390.html
shein tiktok:https://www.goluckyvip.com/tag/82392.html
tiktok卖东西:https://www.goluckyvip.com/tag/82393.html
tiktok lite apk download:https://www.goluckyvip.com/tag/82394.html
花钱学tiktok真的假的:https://www.goluckyvip.com/tag/82395.html
tiktok 换区:https://www.goluckyvip.com/tag/82397.html
从园岭新村到大梅沙海滨总站坐什么车:https://www.vstour.cn/a/363191.html
七月份适合去日本旅游吗 7月份去日本哪里好玩:https://www.vstour.cn/a/363192.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流