用Bootstrap3的哥们，你们是怎么实现内容居中的？

发布于 2022-09-01 19:44:58 字数 421 浏览 6 评论 0

用BS，每个页面的标准写法是：

<body>
<div class="container">
  <div class="row">
    <div class="col-md-12">
    </div>
  </div>
</div>
</body>

如果要让一列里面的内容居中，该怎么写？

因为我的项目有1000多个页面，所有页面的要求都是要内容居中。

每个页面都有多个row和col-md-*，为让内容居中，都要再包上一个div class="center-block"吗？
如果我有1000个页面，每个页面平均有5个内容区域，为了内容居中，要写5000次。
有没什么通用的办法？

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

于我来说 2022-09-08 19:44:58

再添加css样式

回复收藏 0

我很坚强 2022-09-08 19:44:58

container不是居中的？

回复收藏 0

十雾 2022-09-08 19:44:58

如果是水平居中，可以在要居中内容外层标签添加class属性：text-center

回复收藏 0

你是年少的欢喜 2022-09-08 19:44:58

内容垂直居中？
不考虑兼容低版本IE可以使用
flexbox方案：父元素display:flex;align-content: center;justify-content:center;
CSS3transform方案:父元素position:relative;子元素position: absolute;left: 50%;top:50%;transform: translate3D(-50%，-50%，0);
更多方法看这里http://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods/

回复收藏 0