html – 如何在Twitter Bootstrap中垂直对齐媒体主体内容？

概述我希望媒体体内容垂直对齐“中间”. 这是标记： <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 verticall 我希望媒体体内容垂直对齐“中间”.

这是标记：

<div >  <a  href="#">    <img  src="..." alt="...">  </a>  <div >    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 >  <a  href="#">    <img  src="..." alt="..." height="500px" wIDth="500px">  </a>  <div >    I'd like this text to be vertically aligned 'mIDdle'  </div></div>

CSS：

.custom-media,.media-body{  display:inline;}

总结

以上是内存溢出为你收集整理的html – 如何在Twitter Bootstrap中垂直对齐媒体主体内容？全部内容，希望文章能够帮你解决html – 如何在Twitter Bootstrap中垂直对齐媒体主体内容？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。