问答详情
源自：10-1 编程挑战

#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 10:27

个回答

  • 峰紫
    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;}是隐藏

    0
  • 鲈先森
    2016-03-05 17:07:36

    display: inline-block就是把行元素在行内以块形式显示，

    0