我希望media-body
内容在垂直方向上居中。
这是标记:
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="..." alt="...">
</a>
<div class="media-body">
I'd like this text to be vertically aligned 'middle'
</div>
</div>
我尝试了以下无效的方法:
.media-body {
vertical-align: middle;
}
知道我该怎么做吗?
Bootply:http://www.bootply.com/122430
HTML:
<div class="media">
<a class="" href="#">
<img class="media-object custom-media" src="..." alt="..." height="500px" width="500px">
</a>
<div class="media-body">
I'd like this text to be vertically aligned 'middle'
</div>
</div>
CSS:
.custom-media, .media-body{
display:inline;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句