首页 新闻 赞助 找找看

关于的css问题

0
悬赏园豆:5 [待解决问题]

.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}

.container:before,
.container:after {
display: table;
line-height: 0;
content: "";
}

.container:after {
clear: both;
}

 

在bootstrap中可以看到很多类似这样的代码,可是我却看不明白为什么设置类之后总要给他设置一个:before和:after这样的伪元素,这样的目地是什么?语句的意思什么?

杜玉月鹦的主页 杜玉月鹦 | 初学一级 | 园豆:164
提问于:2013-10-18 10:38
< >
分享
所有回答(1)
0

就是在.containe前后插入content:""的内容。

如:

.p{
    background:#CCC;
    padding:5px;
    width:300px;
}
.p:before{
    content:"I'm Before";
    background:#333;
    padding:5px;
}
.p:after{
    content:"I'm After";
    background:#888;
    padding:5px;
}


<p class="p">aaa</p>

复制看看效果。。

|WinKi| | 园豆:669 (小虾三级) | 2013-10-18 11:28
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册