我右边的名字应该位于当前下方的图像之前。我该如何解决?

https://jsfiddle.net/L18cunx2/

<div class="container">
    <div class="row">
        <div class="one columns">
            <input class="bbar" placeholder="search">
        </div>
        <div class="eleven columns person">
            <span><a class="username">Rajat Sharma</a></span> <img alt="" src="logout.png">
        </div>
    </div>
</div>

最佳答案

我对您的问题尚不清楚,但会尽我所能回答。您将要在div.person容器中创建一个堆栈上下文。

您可以设置position:相对于div.person跨度和div.person img元素。然后,将div.person跨度的z-index设置为1。这会将跨度放在图像上方。

示例代码:

div.person span, div.person img {
   position:relative
}

div.person span {
   z-index:1;
}


希望这可以帮助。

关于html - 如何在图像上垂直居中放置我的名字,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31595930/

10-11 23:25
查看更多