文章詳情頁
css - 如何解決安卓上按鈕文字偏上的問題
瀏覽:133日期: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來控制高度等方法,都不行,都是偏上的,這個問題怎么解決?。?/p>
問題解答
回答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. angular.js - 輸入郵箱地址之后, 如何使其自動在末尾添加分號?2. 如何解決docker宿主機無法訪問容器中的服務?3. javascript - 如何使用nodejs 將.html 文件轉化成canvas4. javascript - Web微信聊天輸入框解決方案5. angular.js - $stateChangeSuccess事件在狀態跳轉的時候不執行?6. javascript - 后臺管理系統左側折疊導航欄數據較多,怎么樣直接通過搜索去定位到具體某一個菜單項位置,并展開當前菜單7. python - Scrapy存在內存泄漏的問題。8. 如何用筆記本上的apache做微信開發的服務器9. java如何生成token?10. CSS3 畫如下圖形
排行榜
