gpt4 book ai didi

css - 使用 Bootstrap 3 垂直居中元素

转载 作者:行者123 更新时间:2023-11-28 12:17:30 26 4
gpt4 key购买 nike

我想将“设计”标签和“21nov”垂直居中。

<div class="row">             
<div class="col-xs-6 col-xs-offset-1">
<a href="/job/52"><span class="jobtitle">designer</span></a>
<span class="companyname"> @Subiaco</span>
<div class="salary">90.000$ - 100.000$</div>
</div>
<div class="col-xs-3">
<span class="label label-success">design</span>
</div>
<div class="col-xs-2">
21 nov.
</div>
</div>

当前设计: http://jsfiddle.net/8FM3n/

enter image description here


预期设计: enter image description here

有什么提示吗?

最佳答案

假设它不是不同高度的动态内容,您可以使用line-height

.row .col-xs-3, .row .col-xs-2 {
line-height: 49px;
}

jsFiddle example - 它现在垂直对齐,但您可能希望将样式应用于不同的类,这样它就不会影响其他行元素。

关于css - 使用 Bootstrap 3 垂直居中元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20135685/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com