最新消息:20181230 VPS服务器已从Linode换到腾讯云香港,主题仍用朋友推荐的大前端D8

【已解决】公司网站中div内部元素水平居中对齐

Web crifan 111浏览 0评论

现在已有:

希望:

团队的人员,居中对齐。

看了源码:

像是bootstrap的感觉

希望此处的row和col-lg-3变成居中对齐

bootstrap 居中对齐

bootstrap 如何让div内部垂直居中? – 知乎

试了:text-center,没用

后来发现text-center是让文字居中的

试了middle都是垂直居中的

用 Bootstrap 的哥们,你们是怎么居中的? · Ruby China

用了:

.center {

  width: auto;

  display: table;

  margin-left: auto;

  margin-right: auto;

}

效果不对:

<div class="col-lg-3 col-lg-offset-5 col-md-6 col-xs-12">

没变化:

用:

.col-center-block {

  float: none;

  display: block;

  margin-left: auto;

  margin-right: auto;

}

        <div class="row">

          <div class="col-lg-3 col-md-6 col-xs-12 col-center-block">

            <div class="single-team">

              <img src="img/team/team1.png" alt="">

              <div class="team-details">

                <div class="team-inner">

效果达到我们要的水平居中了:

以及在手机等小屏幕下的效果:

也是居中的。

转载请注明:在路上 » 【已解决】公司网站中div内部元素水平居中对齐

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
58 queries in 0.090 seconds, using 9.45MB memory