如何使按钮元素水平显示在div元素的中心对齐？ [英] How can I make a button element be horizontally displayed in center alignment in a div element?

问题描述

<div>
    <button>Button</button>
</div>

我不想添加CSS代码到div元素。所以< div style =text-align：center;> 不是我想要的。我只想添加CSS代码到按钮元素。我不想添加JS代码。可以使用CSS3。谢谢！

I don't wanna add CSS codes to div element. So <div style="text-align: center;"> isn't what I want. I only want to add CSS codes to button element. I don't wanna add JS codes. CSS3 can be used. Thank you!

推荐答案

button {
    margin:0 auto;
    display:block;
}

jsFiddle示例

jsFiddle example

这篇关于如何使按钮元素水平显示在div元素的中心对齐？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！