如何使用css将多出范围的字变为...

话不多说，上代码

呈一行效果：

Width：100px
text-overflow: ellipsis; //将文本溢出显示为（…）
white-space: nowrap; //强制显示为一行
overflow: hidden;//溢出隐藏

呈多行效果：

width: 100px;
height: 50upx;
overflow: hidden;
text-overflow: ellipsis;//超出部分省略号
word-break: break-all;//break-all(允许在单词内换行)
display: -webkit-box;//对象作为伸缩盒子模型显示
-webkit-box-orient: vertical;//设置或检索伸缩盒对象的子元素的排列方式
-webkit-line-clamp: 3;//呈几行排列  我这里设置的三行，可自行调整

如何使用css将多出范围的字变为...相关推荐

[css] 请写出:link、:visited、:hover、:active的执行顺序
[css] 请写出:link.:visited.:hover.:active的执行顺序 :link未访问链接:visited已访问的链接:hover鼠标悬停:active鼠标按下顺带一提,可交互式的组 ...
[css] 请写出font属性的快捷写法
[css] 请写出font属性的快捷写法 p { font:italic bold 12px/20px arial,sans-serif; } 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很 ...
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
本文实例讲述了js+CSS实现弹出一个全屏灰黑色透明遮罩效果的方法.分享给大家供大家参考.具体分析如下: 在众多的网站都有这样的效果,当进行一定的操作之后,会弹出一个灰黑色的半透明的遮罩,在上面可以操 ...
神级程序员8000行css代码画出一个蒙娜丽莎，堪比达芬奇！
代码画出的蒙娜丽莎今天逛CODEPEN找HTML5动画案例的时候,偶尔看到一位神级大师的作品,用纯CSS代码画出一副蒙娜丽莎,虽然分辨率不高,但是仍然让我很是震撼,一看代码,整整8000行,基本一行 ...
【技能】使用纯CSS+html写出方向箭头，简单大方，好看
使用纯CSS+html写出方向箭头,贴出来就可以用,100%原创 <html><head><title></title><meta http-eq ...
php画梯形,利用css来画出各种样式不同的梯形,html中梯形外框怎么做
利用css来画出各种样式不同的梯形利用钢性铸铁来画出各种样式不同的梯形, 首先我们要知道一下四个非常重要的样式: (学习视频分享:css视频教程 border-buttom:设置下边框 border- ...
CSS样式写出三角形
CSS样式写出三角形的样式,在这里只举出两个例子,三角形朝上和三角形朝下,还有左上,左下,右上,右下.有需要或者感兴趣的可以自己调一下代码.调border的top.bottom.left.right的 ...
php mysql js弹出登陆小窗口_基于Jquery+div+css实现弹出登录窗口(代码超简单)_jquery...
具体代码详情如下所示: 基本思路先隐藏(dispaly:none)再显示,半透明蒙版层通过 z-index:9998; z-index:9999; 值越大越在前面 index.html jquery点 ...
html 弹出层边框半透明,js+CSS实现弹出居中背景半透明div层的方法
本文实例讲述了js+CSS实现弹出居中背景半透明div层的方法.分享给大家供大家参考.具体实现方法如下: js+CSS弹出居中的背景半透明div层 body{margin:0px;} #bg{widt ...

如何使用css将多出范围的字变为...

如何使用css将多出范围的字变为...相关推荐

最新文章

热门文章