当前位置:  开发笔记 > 编程语言 > 正文

Div Not Center在Bootstrap中使用class ="center-block"

如何解决《DivNotCenter在Bootstrap中使用class="center-block"》经验,为你挑选了1个好方法。

我想做一个河内塔.

我想把控制部分放在中心,所以我检查了Bootstrap并使用class="center-block",但没有任何工作,如下:没有中心http://wuzhiwei.net/problems/no-center.png

演示.

HTML

Hanoi Tower
0

CSS

.panel {
    min-width:400px;
}
#stage {
    margin-bottom:15px;
}
#start {
    margin-left:20px;
    margin-right:20px;
}

Quesition

如何让这个div

居中?



1> SW4..:
演示小提琴

您需要将类添加text-centerdivid panel-body.

将您的HTML更改为:

Hanoi Tower
0

或者更改您的CSS以添加:

.panel-body{
  text-align:center;
}

所有类center-block都是告诉元素有一个边距0 auto,auto即左/右边距.但是,除非在父级上设置了类text-center或css ,否则该text-align:center;元素不知道auto计算该计算的点,因此不会如预期那样居中.

推荐阅读
可爱的天使keven_464
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有