首页 > 代码库 > 多行文本省略号,alt,title,...03/27/9:30
多行文本省略号,alt,title,...03/27/9:30
1,导航栏设置,li只设置block和float:left 就可以了,剩下的大小,样式设置a就可以了。
2.<img>里面title属性是可以鼠标滑过有文字提醒;alt是在图片加载不出来时有文字,鼠标滑过没有文字提醒,
3,单行文本省略号:
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
4,webkit浏览器或移动端的网页
overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
5,跨浏览器兼容方案,设置相对定位的容器高度,用包含省略号的元素模拟试下:
p{
position:relative;
line-height:1.4em;
height:4.2em;
overflow:hidden;}
p:after{
content:"...";
font-weight:bold;
position:absolute;
bottom:0;
right:0;
padding:0 20px 1px 45px;
background:url(http://css88.b0.upaiyun.com/css88/2014/09/ellipsis_bg.png) repeat-y}
6,二级列表可以做成图文式的,利用多媒体对象;
多行文本省略号,alt,title,...03/27/9:30
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。