文章詳情頁
css - 如何解決安卓上按鈕文字偏上的問題
瀏覽：211日期：2023-07-04 11:57:43
問題描述
比如一個普通的按鈕，要做到文字垂直居中
<a>按鈕</a>
css設置為：
a { height: 30px; line-height: 30px; font-size: 14px; text-align: center; width: 70px; vertical-align: middle;}
在chrome上和ios上沒有問題，但是在安卓上文字就會明顯偏上，如圖
試過用table-cell或者line-height設為1,然后用padding來控制高度等方法，都不行，都是偏上的，這個問題怎么解決啊？
問題解答
回答1：這么巧前段時間我也碰到了一樣的問題，
解決方法：使用 flex 布局。
把父元素設為：
display: flex;align-items: center;justify-content: center;
使用 autoprefixer 加上前綴以后沒有任何兼容性問題。
回答2：a元素是行內元素，得設置為塊級元素，設置的height line-height才起作用
回答3：f12調一下，把安卓的一些默認樣式覆蓋掉
回答4：這個，反正我是設置line-height和height一樣，就會上下居中。不過，看你這個a好像也可以用button代替，button里面的文字自動上下左右居中
回答5：這是在特殊的瀏覽器才會出現這個問題吧，是line-height導致的，就用flex布局來替代
標簽：
CSS
相關文章：
1. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””2. docker - 各位電腦上有多少個容器啊？容器一多，自己都搞混了，咋辦呢？3. nignx - docker內nginx 80端口被占用4. docker容器呢SSH為什么連不通呢？5. mac里的docker如何命令行開啟呢？6. 關于docker下的nginx壓力測試7. 如何解決Centos下Docker服務啟動無響應，且輸入docker命令無響應？8. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？9. docker start -a dockername 老是卡住，什么情況？10. angular.js使用$resource服務把數據存入mongodb的問題。
排行榜
網公網安備