タグを使用してブロック・レベルの表示:インラインブロック;溶液バグ表示ライン、過剰マージンの存在

ソリューション:

フォントサイズ:親要素に使用0、すなわち、解決することができる
例:

< テンプレート> 
    < divのクラス= "ホームページ" > 
        < ulのクラス= "ナビゲーター" > 
            < >推荐</ > 
            < >课程</ > 
            < >实践</ > 
            < >职业路径</ > 
            < > < IMG SRC = "../資産/ history.png" ALT = "历史" > </ > <
            > < IMG SRC = "../資産/ search.png" ALT = "搜索" > </ > 
        </ UL > 
    </ DIV > 
</ テンプレート> 
< スタイル> 
    .navigator { 
        背景#FFFFFF ; 
        ボックスシャドウ0 2ピクセル4PX 0 RGBA(0,0,0,0.10)  フォントサイズ0PX 
    } 
    .navigator李{ 
        フォントファミリPingFangSC正規
        フォントサイズ16px ; #71777D 
        文字間隔0 ; 
        行の高さ18px ;  表示インラインブロック
        マージン右20ピクセル; 
    } 
    .navigatorリチウム:n番目の子(4){ 
        マージン右65px ; 
    } 
    .navigatorのLI> IMG { 
        表示インラインブロック18px ; 
        高さ18px; 
    } 
</ スタイル>

 

おすすめ

転載: www.cnblogs.com/Knowledge-is-infinite/p/12515224.html