如何使用CSS将没有div的按钮居中

时间:2015-05-11 15:18:42

标签: html css

我正在尝试将按钮置于中间而不是。按钮如下

<body>
  <button>Some Text</button>
</body>

我尝试过使用一些不同的技巧,例如:

text-align: center

margin:0 auto; 

但这些不起作用。

1 个答案:

答案 0 :(得分:3)

试试这个(你不需要额外的div或设置宽度)

<强> CSS

button{
position: relative;
display: inline-block;
left: 50%;
transform: translateX(-50%);
}

<强> DEMO HERE