我右边的名字应该位于当前下方的图像之前。我该如何解决?
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/