如何使用div
个属性中的vertical-align
和float
?如果我不用float
的话,vertical-align
可以正常工作.但是如果我使用彩车,它就不起作用了.对我来说,使用float:right
作为最后一个分区是很重要的.
我正在try 以下操作,如果您从所有div中删除浮动,那么它会工作得很好:
<div class="wrap">
<div class="left">First div, float left, has more text.</div>
<div class="left2">Second div, float left </div>
<div class="right">Third div, float right</div>
</div>
CSS:个
.wrap{
width: 500px;
overflow:hidden;
background: pink;
}
.left {
width: 150px;
margin-right: 10px;
background: yellow;
float:left;
vertical-align: middle;
display:inline-block
}
.left2 {
width: 150px;
margin-right: 10px;
background: aqua;
float:left;
vertical-align: middle;
display:inline-block
}
.right{
width: 150px;
background: orange;
float:right;
vertical-align: middle;
display:inline-block
}