标签:
在项目中经常会用到一些很实用的css代码(如有不合理的欢迎指正)
css图片上下居中
/*图片上下居中代码*/ .imgvam { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; /**font-size:175px;约为高度的0.873,200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/ /*height:200px;*/ } .imgvam img { /*设置图片垂直居中*/ vertical-align:middle; }
不够位置显示以省略号显示(只支持一行)
.eli {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
其中overflow:hidden;为溢出隐,white-space:nowrap;为强制不换行,text-overflow:ellipsis;显示省略符号来代表被修剪的文本
效果:
标签:
原文地址:http://www.cnblogs.com/lilixing/p/4609589.html