我有這樣的代碼:垂直居中對齊文本在DIV不工作
<div class="more-options clearfix">
<div class="boxes">
<img alt="#" src="images/icons/onl-marketing.png">
<p>Online Marketing News</p>
</div>
<!-- end .boxes -->
<div class="boxes">
<img alt="#" src="images/icons/str-success.png">
<p>Stories Success</p>
</div>
<!-- end .boxes -->
我想在格垂直對齊p標籤中,圖像左浮動和div.box:last-孩子有餘量:1%;我嘗試這個CSS,但它不工作:
div.more-options {
margin: 15px 0;
div:first-child {
.fleft;
}
div:last-child {
margin-left: 1%;
}
div.boxes {
padding: 20px;
width: 49.5%;
background: #ecf0f1;
min-height: 25px;
display: table-cell;
vertical-align: middle;
img {
.fleft;
margin-right: 25px;
.img-responsive;
max-width: 25%!important;
}
p {
.fontfc(26px, #666666);
}
}
/* end div.boxes */
}
/* end div.more-options */
我垂直對齊文本以及如何保持利潤率1%div.boxes:最後一個孩子?
js小提琴請 – underscore
不是'valign:middle;'但是'vertical-align:middle' –
這是現場演示,請參閱http://baogiadientu.com/demo/home/news.php。它在頁面的底部:) –