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是什么，請注意標簽語義化