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
相關文章:
主站蜘蛛池模板: 亚洲午夜视频 | 一级毛片免费 | 免费观看一区二区三区毛片 | 精品国产亚洲一区二区三区大结局 | 国产精品高潮呻吟久久 | 日韩三级在线观看 | 毛片网在线观看 | 久久午夜视频 | 国产精品久久久久久久免费大片 | 男女羞羞视频在线免费观看 | 精品国产欧美日韩不卡在线观看 | 色综合99 | 免费的黄色片子 | 精品国产18久久久久久二百 | 日韩成人在线视频 | 免费av一区二区三区 | 日本五月婷婷 | 精品国产乱码久久久久久图片 | 亚洲 欧美 日韩 在线 | 91视视频在线观看入口直接观看 | 欧美天堂在线 | 亚洲综合视频 | 狠狠干综合视频 | 免费观看成人鲁鲁鲁鲁鲁视频 | 91精品国产乱码久久久久久 | 香蕉一区 | 秋霞av国产精品一区 | 国产乱码精品一区二区三区五月婷 | 日本视频中文字幕 | 国产玖玖 | 国产三级精品三级在线观看四季网 | 亚洲视频三区 | 中文字幕在线播放第一页 | 久久这里只有精品首页 | 亚洲欧美综合精品另类天天更新 | 亚洲黄色av | 欧美影院 | 爱爱视频在线观看 | 国产一区二区三区四区三区四 | 人人干人人干人人干 | 午夜精品一区二区三区在线播放 |