国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

如何處理小圖標與文字混排的多種解決方案

2024-07-11 08:28:40
字體：大 中 小
來源：轉載
供稿：網友
對于小圖標和文字的混合排版的確是個很麻煩的問題，網上有人總結了以下幾種解決方法，僅供大家參考：

1、可以把小圖標設為背景， 并設定<li>的padding值。比較常見于<ul><li>制作的菜單中；（注重：可能你經常會看到在IE5下定義在LI中的小圖片會在文字下面，原因就是制作者把樣式定義在A中了，IE5對內聯元素補白樣式支持不完善，所以在一般情況下把背景小圖標定義在LI中，因為LI在默認的情況下是有塊元素的特性。）

2、可以對圖標進行樣式定義，設定img屬性margin或padding的值；

3、可以在圖片中使用align=/"absmiddle/"來讓圖片絕對居中，alibaba英文網站上很多都是這樣排版的。

4、使用垂直居中的通用方法（外層設置相對位置屬性，內層設置絕對位置屬性，設置/"top:50%;marign-top:-x/2;/"，x為內層的高度）。

哪種方法是最好的？我認為應該具體情況具體分析，環境不同方法不同，大家應該靈活運用。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 松溪县| 微山县| 若羌县| 三原县| 巫溪县| 施秉县| 张北县| 丘北县| 同仁县| 会同县| 温宿县| 准格尔旗| 米易县| 南乐县| 凤山县| 葫芦岛市| 平武县| 交城县| 卓尼县| 甘洛县| 花莲县| 望江县| 昭通市| 桐城市| 龙门县| 托克逊县| 桑植县| 遵化市| 闵行区| 郑州市| 富源县| 色达县| 宝应县| 阳原县| 儋州市| 松阳县| 壤塘县| 陕西省| 武强县| 新昌县| 新安县|