如何在 css 的计算值中使用元素宽度？ [复制]

Question

这个问题在这里已经有了答案：

如何水平居中元素？ (130 个回答)

如何在 div 中使按钮居中？ (15 个回答)

5 小时前关闭。

我正在使用Bootstrap 3 。

为了在屏幕上水平居中一个300px宽的按钮，我使用以下CSS代码，该代码使用calc ：

.kiosk-form .centered
{
  margin-left: calc(50% - 150px);
}

在上面的代码中，我想用"element.width/2"类的东西替换150px （以摆脱以像素为单位的硬编码半宽度），但我不知道该怎么做。

有人可以提出解决方案吗？

作为替代方案，是否有另一种方法可以将按钮水平居中？

Answer 1

你能试试这个吗？

.kiosk-form .centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}