css 一些常用属性总结

在项目中经常会用到一些很实用的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;显示省略符号来代表被修剪的文本

效果：

时间不等你，做你想做的事。时间不等你，做你想做的事。时间不等你，做你想做的事。时间不等你，做你想做的事。