av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

css如何實現圖標和文字的“絕對對齊”呢?

瀏覽:79日期:2023-06-14 14:09:32

問題描述

前端實現圖標和文字對齊有什么解決方法?我的“絕對對齊”的意思是不管是安卓設備和ios設備看著都是對齊的,最好也能實現pc上的對齊。

demo:https://jsfiddle.net/nzfbzxw6/點擊預覽

雖然我通過設置

vertical-align: -3%;

實現的對齊(在chrome上看著好好的),如果我要在手機設備上安卓,就要是另一個數值。ios可能又要設個數值(而且不同的蘋果機型也不一樣)。

對這種問題有什么更好的解決方法嗎?

-------------------------- 一個調皮的分割線 ----------------------------------------

各位前輩的方法我都試了一下,發(fā)現在安卓手機上都不好使,圖片居中是沒有問題的,但是文字(尤其是小于12px下的)卻無法居中,這可能是安卓手機bug吧...

css如何實現圖標和文字的“絕對對齊”呢?

(第一個box盒子,第二個display:inline-block,第三個background center)

問題解答

回答1:

實際上不管是line-height還是用position去定位,不管你display用的什么,不同機型的顯示效果都會不一樣。

水平上的差距幾乎沒有,垂直方向上的效果會多種多樣。

遇到這種ui,我的做法是把圖片寫在::before里,用margin去定位,這樣不管右側的文案是否絕對的垂直居中,但至少圖是相對文案去定位的,是和文案對齊的。

標簽: CSS
相關文章:
主站蜘蛛池模板: 一区二区国产精品 | 日韩一区二区三区在线视频 | 91精品国产乱码久久久久久久久 | 华丽的挑战在线观看 | 北条麻妃av一区二区三区 | 最新免费黄色网址 | 九九综合 | 在线观看亚洲 | 久久之精品| 久久高清国产 | 欧美久久视频 | 99爱在线视频 | 亚洲视频欧美视频 | 精品久久久久久久久久久久久 | 久久亚洲二区 | 精品在线播放 | 三级成人在线观看 | 一区二区三区中文字幕 | 黑色丝袜三级在线播放 | 欧美精品v | 亚洲欧美另类在线 | 成人妇女免费播放久久久 | 一区二区三区免费 | 亚洲福利一区二区 | 久久成人一区 | 国产精品毛片av一区 | 亚洲色综合 | 日韩综合在线播放 | 麻豆av在线 | www4虎 | 91视频网址 | 三级视频网站 | 欧美精品电影一区 | 男女污污网站 | 国产成人精品一区二区 | 国产亚洲一级 | 毛片在线看片 | 欧美三级电影在线播放 | 欧美精品一区二区三区在线播放 | 国产精品99999999 | 黄色一级毛片免费看 |