Question

我想将div的所有内容集中在容器中。我试图使用margin 0 auto并且它没有用我该如何居中呢？

    <div class="container">
    <div class="text-center" style="margin:0 auto;overflow:auto;">
       <div style="float:left;width:15%;margin-right:2px;">

            <img src="PICTURES/Bruce-Crocker_311x312(2).jpg" class="img-responsive" />
            <div class="contenthover">
                <p>bla</p>
            </div>
       </div>
        <div style="float:left;width:15%;margin-right:2px;">

            <img src="PICTURES/Bruce-Crocker_311x312(2).jpg" class="img-responsive" />
            <div class="contenthover">
                <p>bla</p>
            </div>
       </div>


    </div>

有人可以帮忙吗？

Answer 1

在您想要居中的任何块元素上使用Bootstrap center-block类，使用text-center作为文本..

<div class="container">
    <div>
            <img src="PICTURES/Bruce-Crocker_311x312(2).jpg" class="center-block img-responsive">
            <div class="text-center">
                <p>bla</p>
            </div>
    </div>
</div>

http://www.bootply.com/65YSFBl6mF

如何居中div

1 个答案: