Question

正如标题所说，我有一个div，我想垂直对齐中心。

<body>
<div class="container" id="names_wrapper">
    <div class="row">
        <div class="col-md-4">
            <a href="#">
                <img src="images/feat1" class="img-responsive img-circle">
                <h2 class="text-center">Jammu</h2>
            </a>
        </div>
        <div class="col-md-4">
            <a href="#">
                <img src="images/feat2" class="img-responsive img-circle">
                <h2 class="text-center">Kashmir</h2>
            </a>
        </div>
        <div class="col-md-4">
            <a href="#">
                <img src="images/feat3" class="img-responsive img-circle">
                <h2 class="text-center">Ladakh</h2>
            </a>
        </div>
    </div>
</div>
</body>

我试图将该div包装在另一个高度为100%且已应用vertical-align: center属性的div中，但它不起作用。

我正在使用twitter bootstrap。什么是解决方案？

Answer 1

假设您试图将.row div放在.container

中

.container {
    display:table-cell;
    vertical-align:middle;
}

希望它会有所帮助

div垂直居中对齐

1 个答案: