CSS:aラベル間のデフォルトの白間隔をクリアする方法

803 ワード

*{margin:0;padding:0;}のようなものを使ってもこのようなコードはブラウザのデフォルトスタイルをリセットし、aラベルのようなinline-block要素も発見され、それらの間にも間隔があります.デフォルトの間隔が存在し,この間隔も要素間の白間隔として扱われることが分かった.方法一:font-size:0

// CSS  
.demo{
    font-size: 0;
}
.demo a{
    font-size: 14px;/*       ,          */
}

方法2:aラベルの内容を1行に書く


方法3:floatフローティング
.demo{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.demo a{
    float: left;
}