Vivianluolita 2016-10-31 09:03 采纳率: 0%
浏览 2146

ul宽度已给，如何让最后一个li自动撑满浏览器下面的页面

     <ul class="TabList">
        <li class="selected"><a><h3>图文</h3></a></li>
        <li><a><h3>标题</h3></a></li>
        <li><a><h3>正文</h3></a></li>
        <li><a><h3>背景</h3></a></li>
        <li><a><h3>分割线</h3></a></li>
        <li><a><h3>小符号</h3></a></li>
        <li></li>
    </ul>
  • 写回答

2条回答 默认 最新

  • zqbnqsdsmd 2016-10-31 10:48
    关注

    http://www.myexception.cn/HTML-CSS/218249.html

    评论

报告相同问题？

  • ul li内容宽度的问题的解决方案
    2020-09-25 01:08
    在网页布局中，`<ul>` 和 `<li>` 元素常常被用来创建列表，而内容宽度的问题在不同浏览器间存在兼容性差异，尤其是IE6。这个问题主要涉及到`<li>`元素的宽度自适应和跨浏览器兼容性。 在IE6中，如果设置`<li>`的...
  • ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
    2020-12-13 16:41
    复制代码代码如下: li{ display:block; font-size:14px; height:16px; line-height:16px; width:330px; white-space:nowrap; //强制不换行 overflow:hidden; //自动隐藏文字 text-overflow: ellipsis; //文字隐藏后...
  • ul的宽度根据li的宽度自适应
    2019-09-04 09:01
    笑到世界都狼狈的博客 在项目中遇到ul中的li数量不定，但是还要给ul设置圆角和阴影，而ul默认的宽度是100%,上网查到一个简单的方法就是在ul中加属性 ul{ width: -moz-fit-content; width: fit-content; } 如果对浏览器要求不高，这种...
  • ul设置列表为一行2条的方法
    2020-09-25 01:57
    如果ul宽度为200px，那么两个宽度各为75px的li元素将正好填满ul的宽度，实现“一行2条”的效果。 d) 在必要的时候，使用外边距或内边距调整li元素之间或li与ul之间的间隙，确保布局的整洁和美观。 最后，如果在...
  • html中怎么设置ul随着li长度而变长,css防止ul下的li换行(li超出宽度变成&hellip;)代码...
    2021-06-27 07:51
    苏南影的博客 在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。例如宽度为210px的ul里 分别有4个li 这个4个li的宽度根据它们的自身内容长度为80px、120px、140px、80px。我须要的...
  • 如何让固定宽度的li自动换行,表格内，内容自动换行
    2018-10-23 10:57
    meiwan123的博客 一、在做项目中，涉及到页面显示，想把所有结果显示出来，希望超过宽度后 自动换行。但是总是不行，最后查找了下 资料 才发现只要为li添加一个属性就可以了。 .link-m1 ul li{  float:left;  margin:2px 5px;  ...
  • html ul 自动换行,用word-wrap来解决固定大小ul下的每条li中内容太多时不自动换行问题...
    2021-06-09 15:54
    weixin_39967812的博客 昨天写了个程序，想实现跟发微博一样显示的功能(自己加了些动态显示效果)，在写HTML和CSS的时候，就遇到一个问题：我在设置好高度400px，宽度300px的ul中，当发出去的li中内容是连续一样的英文字母时或者是没有加换...
  • li行间距大(IE中多了5个像素)的解决方法
    2020-09-22 14:06
    另外一种方式是在ul元素外再包裹一层div，并给这层div定义宽度，这样li元素内部就不需要再定义宽度和vertical-align:bottom;。但是需要注意，无论哪种方式，都需要在li元素内定义高度，以确保元素的尺寸符合设计要求...
  • CSS 控制字符宽度省略号效果 兼容浏览器
    2020-12-12 10:19
    兼容浏览器的CSS控制字符宽度省略号效果，是非常... 看下面的HTML代码： <ul> <li>使用CSS最佳习惯 </a></li> <li>说说XHTML中的alt属性和title属性 </a></li> <li><a>IE中伪类:hover的使用及BUG </a></li> <li><
  • 关于IE标签LI文字换行问题
    2020-09-28 07:45
    这会导致文字长度超出UL宽度时无法自动换行到下一行，而是会在当前行折返，影响布局美观甚至内容的可读性。 描述中提到的问题，实质上是指在IE浏览器中，UL和LI元素在默认情况下不会强制文字在超出容器宽度时自动...
  • 没有解决我的问题, 去提问