如何處理圖標文字的混排?_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
對于小圖標和文字的混合排版的確是個很麻煩的問題,網上有人總結了以下幾種解決方法,僅供大家參考:
1、可以把小圖標設為背景, 比較常見于<ul><li>制作的菜單中;(注重:可能你經常會看到在IE5下定義在LI中的小圖片會在文字下面,原因就是制作者把樣式定義在A中了,IE5對內聯元素補白樣式支持不完善,所以在一般情況下把背景小圖標定義在LI中,因為LI在默認的情況下是有塊元素的特性。)
2、可以對圖標進行樣式定義,設定img屬性margin或padding的值;
3、可以在圖片中使用align="absmiddle"來讓圖片絕對居中,alibaba英文網站上很多都是這樣排版的。
4、使用垂直居中的通用方法(外層設置相對位置屬性,內層設置絕對位置屬性,設置"top:50%;marign-top:-x/2;",x為內層的高度)。
哪種方法是最好的?我認為應該具體情況具體分析,環境不同方法不同,大家應該靈活運用。
相關Div+CSS教程:
- 相關鏈接:
- 教程說明:
Div+CSS教程-如何處理圖標文字的混排?
。