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
相關文章:
主站蜘蛛池模板: 久草视频2| 久久高清 | 国产一区二区三区 | 精品一区二区电影 | 亚洲精品一区二区三区蜜桃久 | www.9191| 国产精品美女www爽爽爽视频 | 在线观看av不卡 | 毛片99 | 91av在线电影 | 国产精品毛片一区二区在线看 | 国产日韩久久久久69影院 | 激情av网站| 久久精品福利 | 久草在线 | 久久区二区 | 国产成人精品综合 | 欧美日韩三级在线观看 | 久久国产精品99久久久久久丝袜 | 国产一区二区自拍 | 亚洲激情一区二区 | 精品国产一区二区三区av片 | av一区二区三区四区 | 自拍视频一区二区三区 | 欧美视频精品 | 婷婷丁香在线视频 | 国产精品久久久久久久久免费樱桃 | 99re6在线 | 精品一区二区三区视频在线观看 | 天堂视频中文在线 | 国产精品国产精品国产专区不片 | 久久精品亚洲精品 | www网站在线观看 | 亚洲黄色一级 | 午夜影院在线观看 | 久久成人高清视频 | 欧美不卡网站 | 青久草视频 | 国产精品一区二区日韩 | 视频一二三区 | 精品国产乱码久久久久久图片 |