我如何能中心水平或垂直与推特引导元素?

是否有任何方法在主父元素中垂直或水平地居中html元素?

当前回答

更新:虽然这个答案在2013年初可能是正确的，但现在不应该再用了。正确的解决方案使用偏移量，如下所示:

class="mx-auto"

至于其他用户的建议，也有本地引导类可用，如:

class="text-center"
class="pagination-centered"

其他回答

更新:虽然这个答案在2013年初可能是正确的，但现在不应该再用了。正确的解决方案使用偏移量，如下所示:

class="mx-auto"

至于其他用户的建议，也有本地引导类可用，如:

class="text-center"
class="pagination-centered"

我发现在Bootstrap 4中你可以这样做:

中心水平确实是文本中心类

中心垂直，但是使用bootstrap类添加mb-auto mt-auto，使margin-top和margin- bottom设置为auto。

对于水平居中，你可以这样做:

.centering{
float:none;
margin:0 auto
}

 <div class="span8 centering"></div>

为bootstrap4垂直中心的少数项目

D-flex用于伸缩规则

用于项目垂直方向的弯曲列

Align-items-center用于水平定心

垂直居中的justification -content-center

Style ='height: 300px;'必须为设定点，其中中心为calc或使用h-100类

你可以像这样直接写入你的CSS文件:

.content { 位置:绝对的; 上图:50%; 左:50%; 变换:翻译(-50%,-50%); ｝ <div class = "content" > <p>一些文本</p> < / div >

推荐文章