最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

如何让li保持在ul里面_html/css_WEB-ITnose

来源:懂视网 责编:小采 时间:2020-11-27 16:33:05
文档

如何让li保持在ul里面_html/css_WEB-ITnose

如何让li保持在ul里面_html/css_WEB-ITnose:无标题文档*{ pading:0px; margin:0px; border:double;}li{ list-style-type:none; float:left; width:200px; display:inline-block;}.classmate{ padding:20px;}.exteninfo{ clear:both;}ul{ pad
推荐度:
导读如何让li保持在ul里面_html/css_WEB-ITnose:无标题文档*{ pading:0px; margin:0px; border:double;}li{ list-style-type:none; float:left; width:200px; display:inline-block;}.classmate{ padding:20px;}.exteninfo{ clear:both;}ul{ pad

无标题文档		
  • 姓名
  • 性别
  • 生日
  • 邮箱
  • 电话
  • qq
  • alkjshfgkahafo;alsksdfkhasdklfhasdjfkjasiuaebhgjlsdhg;hseikgh


    在ul里面的li如果使用float使他在一行显示的话,外面的ul的框就很矮.li比ul高.如果使用display:inline使他在一行显示的话,li的宽度就无法设置 始终是最小宽度.请问怎么才能让他又在一行显示,li的宽度又可以设置,外面ul的高度也可以包围住li


    回复讨论(解决方案)

    分别为ul和li设置高度,使ul能够包围li

    ul{overflow:hidden;}

    分别设置高度不是很灵活.解决方法我发现是使用dispaly:inline-block

    overflow:hidden;加个这个就可以了

    ul加个overflow:auto,或者让ul跟LI一样浮动起来。或者是加固定的宽高

    文档

    如何让li保持在ul里面_html/css_WEB-ITnose

    如何让li保持在ul里面_html/css_WEB-ITnose:无标题文档*{ pading:0px; margin:0px; border:double;}li{ list-style-type:none; float:left; width:200px; display:inline-block;}.classmate{ padding:20px;}.exteninfo{ clear:both;}ul{ pad
    推荐度:
    标签: 里面 css ul
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top