文章詳情頁
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的問題。
排行榜

網公網安備