文章詳情頁
css - label文字居中
瀏覽：135日期：2023-06-26 10:08:37
問題描述
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
問題解答
回答1：為什么是botton標簽？不是button嗎
回答2：左右居中：text-align:center;上下居中：line-height:2rem;
回答3：行間元素，你要寫inline-block
其實建議你左右padding
回答4：text-align:center;display:inline-block;
回答5：你用的內聯塊，會自適應內容的，沒辦法控制內容在塊里面的位置
回答6：label是什么，請注意標簽語義化
標簽：
CSS
相關文章：
1. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。2. javascript - 如何將一個div始終固定在某個位置；無論屏幕和分辨率怎么變化；div位置始終不變3. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?4. javascript - 有什么比較好的網頁版shell前端組件？5. java - 如何寫一個intellij-idea插件，實現編譯時修改源代碼的目的6. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?7. java 中Long 類型如何轉換成Double？8. javascript - 求解答：實例對象調用constructor，此時constructor內的this的指向？9. html - vue項目中用到了elementUI問題10. javascript - [js]為什么畫布里不出現圖片呢？在線等
排行榜
網公網安備