多行文本省略号，alt,title,...03/27/9:30

标签：ace   tle   bottom   nowrap   round   提醒   技术   wrap   repeat-y   

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

标签：ace   tle   bottom   nowrap   round   提醒   技术   wrap   repeat-y   

原文地址：http://www.cnblogs.com/wu-2015/p/6625411.html