#box ul...-慕课网

                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /信息排列效果

#box ul li{width:164px;height:auto;float:left;display:block;margin:5px;}

这行代码中，设置display的值为block,为什么我改为inline或者inline-block显示效果都没差啊？

边界_颖

2014-10-21

源自：信息排列效果 4-1

关注问题我要回答

1040

操作

收起

3 回答

丿丫丫
2015-02-07

inline：使用此属性后，元素会被显示为内联元素，元素则不会换行。
block：使用此属性后，元素会被现实为块级元素，元素会进行换行。
inline-block：是使元素以块级元素的形式呈现在行内。意思就是说，让这个元素显示在同一行不换行，但是又可以控制高度和宽度，这相当于内敛元素的增强。

要注意的是IE6 不支持inline-block