css - Bootstrap 3 css,包含媒体类的居中元素

标签 css twitter-bootstrap-3 media

居中元素通常使用 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/

相关文章:

html - 无法提供指向 Logo 的 anchor 链接

javascript - 如何将元素高度调整为另一个元素的高度?

html - @media节样式未应用;其他@media部分正在工作

android - 如何在android中同时查询外部和内部存储

javascript - 将 CheckBoxes 变成 CheckButtons

html - 表格内联和水平与图像

css - 以等边距居中图像的简单方法

angularjs - Bootstrap 3.0 应用程序不滚动

java - JavaFX Media-pause();方法使MediaPlayer快进?

javascript - 文本幻灯片在前 2 秒内相互堆叠