让内容块居中
为元素添加 .center-block
类,可以让内容块居中显示。如:
<div class="center-block">...</div>
.center-block
类是通过设置display: block
和margin
属性让内容块居中显示。并且,.center-block
类还可以作为 mixin 使用。如:
// 类定义
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
// 作为 mixin 使用
.element {
.center-block();
}
关于作者
歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。
更多推荐
Bootstrap让内容块居中
发布评论