文章詳情頁
css - 如何解決安卓上按鈕文字偏上的問題
瀏覽：114日期：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. macOS Sierra 10.12 安裝mysql 5.7.1出現錯誤2. mysql - 拖拽重排序后怎么插入數據庫?3. android - 安卓做前端，PHP做后臺服務器 有什么需要注意的？4. javascript - 按鈕鏈接到另一個網址 怎么通過百度統計計算按鈕的點擊數量5. mysql 獲取時間函數unix_timestamp 問題？6. mysql - 僅僅只是把單引號與反斜杠轉義不用prepare statement能否避免sql注入？7. php - 生產環境下,給MySQL添加索引,修改表結構操作,如何才能讓線上業務不受影響？8. mysql主主同步，從庫不同步應該怎么解決？9. mysql在限制條件下篩選某列數據相同的值10. 新入手layuiadmin，部署到tp中。想用php自已寫一個后臺管理系統。
排行榜
網公網安備