                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /从 psd 到 html

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

源自：从 psd 到 html 4-3

关注问题我要回答

909

操作

收起

2 回答

qq_飞翔小子_04069684
2017-02-15

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

0 回复有任何疑惑可以回复我~

金牛oy
2017-01-08

css

0 回复有任何疑惑可以回复我~

#1

慕慕4062159 提问者

我是指现在“menu more”会显示在第二行，怎样才能让这一句不换行？谢谢！

2017-01-11 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

从 psd 到 html

参与学习 105472 人
解答问题 410 个

教你把PSD设计稿转化成HTML，用案例来讲解基本流程

本课相似问答

1 回答<li class=“manu-item”>前两个能显示在第一行，第二上开始就不显示了，求指导

1 回答第二个标题距离上个图片的行高是哪里错了？

2 回答大家有没有遇到过在 index-menu .menu-list ul 加颜色不显示啊,哪里问题

5 回答index-menu容器没有被撑开，导致menu-tips直接顶到footer下面去了，显示index-menu为0？

2 回答关于more-btn的a标签的问题

搜索更多本课相关问答

menu more图标显示在第二行

我要回答关注问题

意见反馈帮助中心 APP下载