#ul1 li{display: inline-block;/*这句是什么意思，有什么作用？*/
nostic
2016-03-04 10:27
#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;}还有这句看不懂
2回答
-
- 峰紫
- 2016-03-04 12:43:29
你好，一般我们会用 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;}是隐藏
-
- 鲈先森
- 2016-03-05 17:07:36
display: inline-block就是把行元素在行内以块形式显示，
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题