                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS Sprite雪碧图应用

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

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

xiao_zi_ya

2015-08-18

源自：CSS Sprite雪碧图应用 3-4

关注问题我要回答

806

操作

收起

1 回答

卓戈卡奥
2015-08-18

当元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一：

position : absolute
float : left 或 float:right

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

1 回复有任何疑惑可以回复我~

收起回答

xiao_zi_ya 提问者

忘记了，谢谢大神。。。

2015-08-19 回复有任何疑惑可以回复我~

卓戈卡奥回复 xiao_zi_ya 提问者

不客气，我也是小白一枚，握爪^_^

2015-08-19 回复有任何疑惑可以回复我~

萬一

wiki里写着“float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。”到底是块级元素还是inline-block呢？

2015-09-05 回复有任何疑惑可以回复我~

查看2条回复

0/150

提交

取消

CSS Sprite雪碧图应用

参与学习 47091 人
解答问题 241 个

必学的大型网站实用技术，让你快速掌握CSS Sprite雪碧图技术

进入课程

本课相似问答

2 回答i标签本来就是内联元素，为什么还要设置display:inline

3 回答为什么这里的内联元素还可以设置宽度长度?不是说内联元素不可以设置元素的高度,宽度吗?

1 回答 <li> 本来就是块状元素为何还要写display？

1 回答内联元素设置浮动之后不会覆盖下面的块级元素浮动不是脱离文档流么

2 回答li是什么元素

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

1 回答

本课相似问答

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