鏡像站點 | MAP
 
網站首頁 網站策劃 優化推廣 作品展示 SEO知識 技術文獻 費用標準 軟件下載 聯系方式
SEO知識
技術文獻
相關文章

首頁 > 技術文獻

網站建設如何處理圖標文字的混排?

TIME:2009-8-18 22:04:52  HITS:

關鍵字:哈爾濱網站建設  摘自:目標科技

  對于小圖標和文字的混合排版的確是個很麻煩的問題,網上有人總結了以下幾種解決方法,僅供大家參考:

  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為內層的高度)。

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


哈爾濱目標科技開發有限公司 • 版權所有 CopyRight 2009-2012

QQ:36268333

哈爾濱網站建設熱線:13945093721 0451-88002799

mgcc电子游艺城