Twitter bootstrap 为什么不是'；我的按钮不能像其他元素一样居中吗？

我使用的是Bootstrap3.x，我有一个相对位置的div，按钮（标签）被设置为绝对位置，因为我希望按钮位于底部：10px

我还希望按钮居中。为什么这里是半中心？（我使用了文本中心类）

参见JSFIDLE：

CSS:

---

为了解决这类问题，将边界添加到相关元素中，这将为您提供它们的位置信息，您将了解哪里出了问题

不要将“按钮/链接”设置为绝对值和底部，而是将包装（使用class

。place bottom

）设置为绝对值，宽度为100%，并使用

。text center

将按钮/链接中心设置在包装div内

.box徽章橙色{
背景颜色：橙色；
位置：相对位置；
高度：30公分；
}
.盒子徽章橙色。放在底部{
位置：绝对位置；
底部：10px；
边框：1px纯黑；
宽度：100%
}

标题在这里
Lorem ipsum

首先，您的html不一致。关闭p标记，并尝试不在p标记中添加div。您已将按钮设置为“绝对位置”。感谢您捕捉到输入错误，但这并不能解决问题，在这种情况下，它也不会对输出产生任何影响。请尝试以下操作：

.box-badge-orange {
  background-color: orange;
  position:relative;
  height:30em;
}

.box-badge-orange a {
  position: absolute;
  bottom: 10px;
}

.divaround {
  text-align:center;
}