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

demo：https://jsfiddle.net/nzfbzxw6/

雖然我通過設置

vertical-align: -3%;

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

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

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

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

（第一個box盒子，第二個display：inline-bl<愛尬聊_尬聊生活>ock，第三個background center）

---

靜靜買的小馬甲 3小時前

元素和元素之間不要出現空格。需要實現距離用margin。

---

360U1377719505 3小時前

一般都用背景和定位的方法。vertical-align不好控制，和字體也有關系。

---

GinoMao 3小時前

---

老狼愛吃小羊 3小時前

不知道有沒有更好的辦法了。。

---

再見又何須再見 3小時前

只是針對你這個問題的話，可以去掉 <img src="/upload/qa/20221223/20221223142020.jpg">,直接用字符串×或者×代替。

---

噗噗卟卟 3小時前

除了上面說的各種方法外，我覺得最方便的還是干脆用個 字符圖標 代替那個圖片嘛。方便的很！

---