                        課程
                    
                        /前端開發(fā)
                        
                            /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

關(guān)注問題我要回答

2725

操作

收起

2 回答

峰紫回答被采納 +3 積分
2016-03-04

你好，一般我們會用 display:block，display:inline 或者 display:inline-block 來調(diào)整元素的布局級別。

簡單說：block （塊級）顯示方式通常使元素被現(xiàn)實為獨立的一塊，單獨換一行；inline （內(nèi)聯(lián)）則前后元素不會產(chǎn)生換行。但是block元素可以設(shè)置width，height； inline元素設(shè)置width，height屬性無效。dispaly:inline-block既具有block的寬度高度特性又具有inline的同行特性。

.show{display: block;}是塊顯示。?.hide{display: none;}是隱藏