有用的css代码段

Lewis_1993

于 2016-02-18 10:31:53 发布

阅读量411

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css

本文链接：https://blog.youkuaiyun.com/Levis_1993/article/details/50684411

3 篇文章

订阅专栏

1.清除浮动

.clearfix:before, 
.clearfix:after{ 
    display: table; 
    content: " "; 
}
.clearfix:after{
    clear: both;
}

2.文本溢出以省略号结尾

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

3.不定宽高元素水平垂直居中

position: absolute;  
left: 50%;  
top: 50%;  
-webkit-transform: translate(-50%,-50%);  
transform: translate(-50%,-50%);

4.清除input及textarea元素默认样式

input,button,select,textarea{
    outline: none;
}
input{
    border: 0;
}
textarea{
    resize: none;
}