引导中心 div 到其他的

Question

我正在使用带有 Bootstrap 的模板。

以下代码：

<div class="row mix-grid thumbnails wrapper white" id="pictures_placeholder">
            <div class="col-md-3 col-sm-4 mix ">
                <div class="mix-inner">
                    <img class="img-responsive" src="../../../assets/admin/pages/media/works/img1.jpg"
                         alt="">

                    <div class="mix-details picture-bottom-label">
                        <div class="row">
                            <div class="col-md-12 col-xs-12">
                                <div class="col-md-4 col-xs-3">
                                    <img src="../../../assets/admin/pages/media/profile/profile_user.jpg"
                                         class="img-responsive img-circle profile-pic"
                                         alt=""
                                            />
                                </div>
                                <div class="col-md-8 col-xs-8 text-left user-name">Asaf Nevo</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

这样做：

如何将名称（Asaf Nevo）输入到图像中？

Answer 1

尝试将其添加到 CSS：

div.user-name{height:92px;line-height:92px;}

希望有帮助。

Answer 2

将名称放在与图像相同的 div 中。使两者都内联。

<img src="../../../assets/admin/pages/media/profile/profile_user.jpg"
    class="img-responsive img-circle profile-pic" alt="" />Asav Nevo

现在使用 CSS 属性 vertical-align。 vertical-align: middle 之类的东西可以工作，是的，如果没有弄错，这个属性应该应用于周围的 div，也可能应用于内联内容本身。我现在不能尝试。

Answer 3

将此添加到css：

.user-name {
  margin-top:50%;
}