码迷,mamicode.com
首页 > Web开发 > 详细

css 一些常用属性总结

时间:2015-06-30 17:40:07      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

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

效果:

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

 

css 一些常用属性总结

标签:

原文地址:http://www.cnblogs.com/lilixing/p/4609589.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!