文章詳情頁
css - 如何解決安卓上按鈕文字偏上的問題
瀏覽:215日期: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 17.03 怎么配置 registry mirror ?2. javascript - sublime快鍵鍵問題3. javascript - immutable配合react提升性能?4. DADB.class.php文件的代碼怎么寫5. javascript - html5多個label中其中一個觸發change,如何判斷是哪一個出發了change6. phpstudy8.1支持win11系統嗎?7. mysql事務回滾定位8. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~9. 實現bing搜索工具urlAPI提交10. 配置Apache時,添加對PHP的支持時語法錯誤
排行榜

網公網安備