问答详情
源自:3-4 编程练习

<i>原本就是内联元素,为什么还要转换为内联元素。

li i {
    display: inline;
    float: left;
    margin: 3px 10px 0 0;
    height: 24px;
    width: 30px;
    background:url(http://img.mukewang.com/539a950e00015ba500710200.jpg);
}
内联元素的特点:元素的高度、宽度及顶部和底部边距不可设置。为什么这边还是设置了宽高呢?而且不设置还不会显示图片。求各位大神赐教呀。。这里面不加display: inline;也可以吧。

提问者:xiao_zi_ya 2015-08-18 19:42

个回答

  • 卓戈卡奥
    2015-08-18 20:23:30

    当元素(不论之前是什么类型元素,display:none 除外)设置以下 2 个句之一:

    position : absolute
    float : left 或 float:right

    元素会自动变为以 display:inline-block 的方式显示,当然就可以设置元素的 width 和 height 了