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

亨利·赖特

我希望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;
}

知道我该怎么做吗?

贝纳德·帕特里克

Bootplyhttp//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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

如何在Bootstrap 3中垂直对齐网格元素的内容?

来自分类Dev

如何在 Bootstrap 4 中垂直对齐表单

来自分类Dev

如何在 Bootstrap 4 中垂直对齐项目?

来自分类Dev

如何垂直对齐Bootstrap 3中高度未知的内容

来自分类Dev

如何在左侧垂直对齐社交媒体图标?

来自分类Dev

如何垂直对齐CSS列内容?

来自分类Dev

如何垂直对齐(居中)UITableView的内容?

来自分类Dev

如何在Bootstrap 3中使文本旁边的图标垂直对齐

来自分类Dev

如何根据Bootstrap 4中的视口使列水平对齐或垂直对齐?

来自分类Dev

如何在Bootstrap下拉列表中垂直对齐由于前面有不同宽度的图标而导致未对齐的元素?

来自分类Dev

Twitter Bootstrap:将子div与高度垂直对齐

来自分类Dev

Twitter Bootstrap:将子div与高度垂直对齐

来自分类Dev

如何在JFrame中垂直对齐组件?

来自分类Dev

如何在div中垂直对齐2个类

来自分类Dev

如何在Foundation中垂直对齐徽标和菜单?

来自分类Dev

如何在UITableViewCell中垂直对齐UIButton?(目标C)

来自分类Dev

如何在UITextView中水平和垂直对齐文本?

来自分类Dev

如何在包含图像的div中垂直对齐链接?

来自分类Dev

如何在Android Studio中垂直对齐不同的元素?

来自分类Dev

如何在页脚中的图像旁边垂直对齐文本?

来自分类Dev

我如何在引导程序中垂直对齐表单?

来自分类Dev

如何在CSS中垂直对齐所有文本?

来自分类Dev

如何在文本中垂直对齐块

来自分类Dev

如何在水平列表中垂直对齐元素

来自分类Dev

如何在包含图像的div中垂直对齐链接?

来自分类Dev

如何在UITextView中水平和垂直对齐文本?

来自分类Dev

如何在CSS的div中垂直对齐元素?

来自分类Dev

如何在TextView中垂直对齐文本

Related 相关文章

  1. 1

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

  2. 2

    如何在Bootstrap 3中垂直对齐网格元素的内容?

  3. 3

    如何在 Bootstrap 4 中垂直对齐表单

  4. 4

    如何在 Bootstrap 4 中垂直对齐项目?

  5. 5

    如何垂直对齐Bootstrap 3中高度未知的内容

  6. 6

    如何在左侧垂直对齐社交媒体图标?

  7. 7

    如何垂直对齐CSS列内容?

  8. 8

    如何垂直对齐(居中)UITableView的内容?

  9. 9

    如何在Bootstrap 3中使文本旁边的图标垂直对齐

  10. 10

    如何根据Bootstrap 4中的视口使列水平对齐或垂直对齐?

  11. 11

    如何在Bootstrap下拉列表中垂直对齐由于前面有不同宽度的图标而导致未对齐的元素?

  12. 12

    Twitter Bootstrap:将子div与高度垂直对齐

  13. 13

    Twitter Bootstrap:将子div与高度垂直对齐

  14. 14

    如何在JFrame中垂直对齐组件?

  15. 15

    如何在div中垂直对齐2个类

  16. 16

    如何在Foundation中垂直对齐徽标和菜单?

  17. 17

    如何在UITableViewCell中垂直对齐UIButton?(目标C)

  18. 18

    如何在UITextView中水平和垂直对齐文本?

  19. 19

    如何在包含图像的div中垂直对齐链接?

  20. 20

    如何在Android Studio中垂直对齐不同的元素?

  21. 21

    如何在页脚中的图像旁边垂直对齐文本?

  22. 22

    我如何在引导程序中垂直对齐表单?

  23. 23

    如何在CSS中垂直对齐所有文本?

  24. 24

    如何在文本中垂直对齐块

  25. 25

    如何在水平列表中垂直对齐元素

  26. 26

    如何在包含图像的div中垂直对齐链接?

  27. 27

    如何在UITextView中水平和垂直对齐文本?

  28. 28

    如何在CSS的div中垂直对齐元素?

  29. 29

    如何在TextView中垂直对齐文本

热门标签

归档