x75151894232 2022-01-28 17:45 采纳率: 90%
浏览 31
已结题

请问为什么在同一个div里写的文字:“前段开发 >”会串行,而且标签a明明没设置尺寸却有莫名其妙的尺寸

img

img

img

  • 写回答

4条回答 默认 最新

  • CSDN专家-showbo 2022-01-28 20:29
    关注

    span padding 80px,li高度才45px,宽度190容不下肯定不会在同一行了

    img

    span的padding应该是0 8px就可以了

    img

    <style>
        .subnav{width:190px}
        .subnav ul li{
        float:left;width:190px;height:45px;list-style:none
        }
        .subnav ul li a{
        float:left;
        font-size:14px;line-height:45px
        }
        .subnav ul li a span{float:right;padding:0 8px}
    </style>
    <div class="subnav">
        <ul>
            <li><a href="#">前端开发<span>></span></a></li>
            <li><a href="#">前端开发<span>></span></a></li>
            <li><a href="#">前端开发<span>></span></a></li>
            <li><a href="#">前端开发<span>></span></a></li>
            <li><a href="#">前端开发<span>></span></a></li>
        </ul>
    </div>
    
    

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 4月2日
  • 已采纳回答 3月25日
  • 创建了问题 1月28日

悬赏问题

  • ¥15 keil的map文件中Image component sizes各项意思
  • ¥30 BC260Y用MQTT向阿里云发布主题消息一直错误
  • ¥20 求个正点原子stm32f407开发版的贪吃蛇游戏
  • ¥15 划分vlan后,链路不通了?
  • ¥20 求各位懂行的人,注册表能不能看到usb使用得具体信息,干了什么,传输了什么数据
  • ¥15 Vue3 大型图片数据拖动排序
  • ¥15 Centos / PETGEM
  • ¥15 划分vlan后不通了
  • ¥20 用雷电模拟器安装百达屋apk一直闪退
  • ¥15 算能科技20240506咨询(拒绝大模型回答)