css - label文字居中

问题描述

label文字居中

.Botton { background-color: white; margin-left: 0.63rem; border-radius: 0.36rem; font-size: 1.6rem; height:2rem; width:1.5rem; display: -webkit-inline-box; font-weight: 300; text-align:center;}

<label class='Botton'>1</label>

没有居中是什么原因，不想通过设置padding

问题解答

为什么是botton标签？不是button吗

左右居中：text-align:center;上下居中：line-height:2rem;

行间元素，你要写inline-block

其实建议你左右padding

text-align:center;display:inline-block;

你用的内联块，会自适应内容的，没办法控制内容在块里面的位置

label是什么，请注意标签语义化