国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

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上沒有問題,但是在安卓上文字就會明顯偏上,如圖

css - 如何解決安卓上按鈕文字偏上的問題

試過用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
相關文章:
主站蜘蛛池模板: 界首市| 永平县| 新余市| 襄垣县| 县级市| 嵊州市| 德江县| 东莞市| 四会市| 二连浩特市| 毕节市| 东源县| 华蓥市| 贵定县| 澄城县| 崇明县| 兴国县| 兰考县| 巴塘县| 刚察县| 平阳县| 抚远县| 仪征市| 搜索| 井研县| 黎平县| 禹州市| 弥渡县| 盐山县| 烟台市| 紫阳县| 汝州市| 抚顺市| 东阿县| 天长市| 延川县| 延川县| 静宁县| 鹿邑县| 望奎县| 乐安县|