gpt4 book ai didi

css - div中的垂直中间内容?

转载 作者:行者123 更新时间:2023-11-28 15:18:40 25 4
gpt4 key购买 nike

我使用 Bootstrap 。 bootstrap 是否有选择器将文本放在 div 的中间而不是顶部?

参见示例:https://jsfiddle.net/DTcHh/23497/

你能看到 Create user accounts for your staff 位于顶部,应该在中间与一个按钮对齐。

如何在 Bootstrap 中执行此操作?

<div class="row">
<div class="col-md-8">
Create user accounts for your staff.
</div>
<div class="col-md-4">
<div class="clearfix">
<div class="pull-right">
<a class="btn btn-lg btn-primary " href="#">Add Staff</a>
</div>
</div>
</div>
</div>

最佳答案

.row .col-md-4,
.row .col-md-8{
display:inline-block;
vertical-align:middle;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row row-vertical">
<div class="col-md-8">
Create user accounts for your staff.
</div>
<div class="col-md-4">
<div class="clearfix">
<div class="pull-right">
<a class="btn btn-lg btn-primary " href="#">Add Staff</a>
</div>
</div>
</div>
</div>

关于css - div中的垂直中间内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38854020/

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