当前位置:  开发笔记 > 前端 > 正文

如何在Twitter Bootstrap中垂直对齐媒体内容?

如何解决《如何在TwitterBootstrap中垂直对齐媒体内容?》经验,为你挑选了1个好方法。

我希望media-body内容垂直对齐'中间'.

这是标记:

...
I'd like this text to be vertically aligned 'middle'

我尝试了以下不起作用:

.media-body {
  vertical-align: middle;
}

知道我怎么能这样做吗?



1> 小智..:

从Bootstrap v3.3.0开始,通过添加CSS类可以垂直对齐media-object和.media-bodymedia-middle

例如:

Media heading

...

请参阅:http://getbootstrap.com/components/#media

顺便提一下,文档目前还没有明确表示这也适用于此media-body.确实如此,因为所有的media-middle确实是一个加vertical-align: middle;风格的元素,并且media-body已经有风格display: table-cell(一样media-leftmedia-right).


嗯,“ media-middle”不适用于“ media-body”。文字仍停留在顶部
推荐阅读
mobiledu2402851373
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有