居中元素通常使用 style="display:block;margin:0 auto"或在 bootstrap 3 中通过简单地使用 来完成。中心 block 类,但是如果您想将包含媒体类的元素居中,则无法做到这一点,
IE :
<div class="media">
<div class="center-block">
<div class="media-left"><img class="media-object" src="..."></div>
<div class="media-body">
<h4 class="media-heading">Header</h4>
<h5>Info</h5>
</div>
</div>
</div>
如果我使用 文本中心 相反,只有 media-body 居中,而 media-left 元素固定在同一个位置
最佳答案
center-block 仅将 block 元素居中,因此您需要使用特定的 block 来使用。要使文本居中,您必须使用文本居中。我只是在这里创建一个示例。只需检查它并向我们发送您的反馈。
演示 - http://goo.gl/QrgSE1
关于css - Bootstrap 3 css,包含媒体类的居中元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28269387/