                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

#ul1 li{display: inline-block;/这句是什么意思，有什么作用？/

#ul1 li{display: inline-block;/*这句是什么意思，有什么作用？*/

width: 60px;line-height: 30px/*行高*/;text-align: center;border: 1px solid #999;border-bottom: none;margin-left: 5px;}

#ul1 li:hover{cursor: pointer;}

#ul1 li.active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}

#tab-list div{border: 1px solid #7396B8;border-top: none;}

#tab-list div li{height: 30px;line-height: 30px;text-indent: 8px;}

.show{display: block;}.hide{display: none;}还有这句看不懂

nostic

2016-03-04

源自：JavaScript进阶篇 10-1

关注问题我要回答

2672

操作

收起

2 回答

峰紫回答被采纳 +3 积分
2016-03-04

你好，一般我们会用 display:block，display:inline 或者 display:inline-block 来调整元素的布局级别。

简单说：block （块级）显示方式通常使元素被现实为独立的一块，单独换一行；inline （内联）则前后元素不会产生换行。但是block元素可以设置width，height； inline元素设置width，height属性无效。dispaly:inline-block既具有block的宽度高度特性又具有inline的同行特性。

.show{display: block;}是块显示。 .hide{display: none;}是隐藏