文章詳情頁
css - label文字居中
瀏覽：263日期：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. angular.js - angular內容過長展開收起效果2. dockerfile - [docker build image失敗- npm install]3. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失??！4. docker-compose中volumes的問題5. golang - 用IDE看docker源碼時的小問題6. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題7. mac里的docker如何命令行開啟呢？8. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？9. docker內創建jenkins訪問另一個容器下的服務器問題10. nignx - docker內nginx 80端口被占用
排行榜
網公網安備