问答详情
源自：4-3 menu

menu more图标显示在第二行

.menu-more-btn .icon{

display: block;

height: 7px;

width: 11px;

margin-left: 10px;

background: url(../img/index-menu-more-btn-icon.png)no-repeat;

}


提问者：慕慕4062159 2017-01-06 00:37

个回答

  • qq_飞翔小子_04069684
    2017-02-15 09:40:42

    将display: block改成display:inline-block，display: block是将元素转换为块元素的意思，块元素会独占一行所以那个图标会在第二显示，而display:inline-block表示将元素转换为行内块元素，行内快元素的特点是可以设置元素的宽度和高度并且不会独占一行

    0
  • 金牛oy
    2017-01-08 12:34:11


    css

    0