ul的li标签的宽度不相等问题

如图,ul里的Li,下面的线宽度没有填满ul,我猜想是li 前面本来有的圆点占据了位子、怎么改可以让Li的宽度等于ul的宽度图片说明

4个回答

ul{ padding:0; }
li{ width:100% };

li设置了float什么的吧,要不去掉padding,margin也不会了ul长度差多少的,都是块级元素,自动占满一行

 里面有padding值占了你的位置,注意一下你的盒子模型

设置ul{padding:0}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ul、li标签问题,
[code=HTML]rn rn rn rn 123 rn 345 rn 567 rn 789 rn rnrnrn[/code]rn[code=CSS]rn#contentrnwidth:236px;rn border:1px solid #73b9fc;rn height: 185px;rn margin-top: 10px;rnrn#mainrnpadding:5px 10px 10px 10px;rn font-size:12px;rnrn#rn[/code]rnrn代码如上,第一行li标签相对于下方的靠左,求解该如何解决。。。rn
UL li标签置顶
1.insertBefore var lielem = document.createElement("li"); var momogrouplistUL = document.getElementById("momogrouplistUL"); //最新消息置顶 var urlength=momogrouplistUL.childNodes.length; if(urlength==0
ul、ol和li标签
学习本课程可以掌握的技能HTML5,网页结构
ul 标签 li 居中显示
ul.abput_content1{width:500px; text-align:center;}ul li{dispay:inline-block;}ie6,ie7 不支持inline-block; 可以用inline代替(ie6,ie7垂直高度和padding(无效)了。) 公司简介 企业文化 荣誉资质 一、inline元素都在一行内显示,直到该行排满,对inline元素设置widt
如何让ul的宽度为ul下的li的宽度之和
[b]HTML:[/b][color=#FF0000][/color]rn rn rn 首页rn 图片延时加载rn 分页rn 分享到rn 地址插件rn 商品样板rn rn rn rnrn[b]CSS:[/b]rn#header width: 1200px; height: 60px; margin: 0 auto; rn #header ul.navbar height: 60px; border-left: 1px solid #ccc;border-right: 1px solid #fff; rn #header ul.navbar li float: left; rn #header ul.navbar li a padding: 0 20px; height: 60px; border-right: 1px solid #ccc; border-left: 1px solid #fff; display: inline-block; line-height: 60px; font-size: 14px; color: #333;
li和ul标签用法举例
或者 是项目列表,是列表项。是无序列表,就是用符号来列的,所以你列出来默认的就是黑点,是编号列表,用数字来列的,也是用做列表项, 是 list item 即列表项,但列表有很两种,所以外面得有 或者 用来区别无序列表(小点点)和有序列表(1,2,3...)。 A).运用CSS格式化列表符: [code="java"] ul li{ list-style-type:no...
ul 与 li 标签实现下拉框
<li class="layui-nav-item">   <img src="./jey/images/top/user.png" class="layui-circle" width="35px" alt=""> </li> <li class="layui-nav...
标签p ul li ol
HTML+CSS是前端开发的基础,大部分前端开发工程都需要从HTML+CSS布局开始,HTML+CSS是开启前端技术殿堂的钥匙,本课程将从基础的前端认知、工具和插件安装等开始,由浅入深,逐步讲解HTML+CSS的基础知识,包括html模板、标签、CSS基础样式、布局、表格表单、整站等等。
li和ul标签用来做什么?
如题rnrnli好象类似列表的功能,用li好还是用div好 两个都可以实现同样的功能rnrn例如:rn arn brnrn arn brnrn这两个哪个好呢?
CSS样式 ul li 标签的坑
CSS样式中  ul  li 标签设置出现下列问题以及解决方法,为了自己方便,谁若是不小心点击来了,见谅 1、上面这个原因是li标签内的图片设置宽度,有可能出现的BUG,解决方案很简单 将图片设置的宽度改成高度即可解决 2、ul li 标签使用中,li标签之间会有间隙,如何向清楚间隙,就在li标签的父级添加:font-size:0; 但是这样的话,li标签内的文本就
ul中li标签居中问题
ul中li标签居中问题在我们设置ul中的li标签的时候通常会使用float浮动方法,但是这几出现一个问题,我们不能把li居中在ul里面,原因是因为我们的li标签默认是块级元素,所以我们不能是其居中。 修改方法:将li标签的display:inline-block;即可。
新手求助,关于标签ul li的问题
rn rn 首页rn rn 相册rn rn 日志rn 留言rn 登录管理rn rn 访问量:<%=Application["Num"] %>rn我想将访问量也和首页相册那些放在同一行应该怎么做呢
修改ul下li下的ul下的li的css样式
修改ul下的ul下的li的css样式 window.onload=function(){ var oUl=document.getElementById('list'); var arrUl=oUl.getElementsByTagName('ul'); var ulLen=arrUl.length; var arrLi=null; for(var i=0;i arrLi=arr
ul li
我想让一行显示两列,请问样式怎么写?rn rn 威妮高2分rn 降唐9快9胶囊rn 润尔清熊胆丸rn 月根除2分rn 月根除5分rn 特研活腺通10分
ul li 布局的问题.
rn asfsdfrn rn 退货管理rn rn rn eeeeeeern rn 退货管理rn rnrndiv和li老是重叠.........给div设高度也没用.li设高度也没用.line-height也不管用.55555555555555
ul与li的问题
请问在一个div中 存在一个ul div宽960px ul继承该div宽也就是960px 如何让ul中li自动平分ul的宽 不用js能搞定么
ul;ol;li的问题
怎么能够去掉LI元素的格式,前面的点我知道怎么去了,现在想把LI元素前的空格也去掉.
ul和li的问题
rn rn qqqqqqqqrn qqqqqqqqrn aaaaaaaaaarn dddddddddrn rn rnrn这样写,这个DIV里面LI的内容总是不能靠着DIV的最左边,请问如何才能使里面的内容都靠着DIV的最左边
UL LI问题
[code=HTML] rn 敦煌牌694KK蕉窗夜雨 市场价:¥3400 会员价:¥2990 rn 敦煌牌696D双鹤朝阳 市场价:¥1455 会员价:¥1260 rn 敦煌牌699A江南丝竹 市场价:¥1135 会员价:¥999 rn 敦煌牌689T天真元韵 市场价:¥1920 会员价:¥1690 rn 龙凤牌红木刻诗 市场价:¥2160 会员价:¥1550 rn 敦煌牌694Z龙吟春申 市场价:¥4535 会员价:¥3990 rn[/code]rnrn[size=18px][b]rncss[/b][/size]rnrn[code=CSS].kibasp float:left; width:525px; margin:10PX; padding-left:0PX; list-style:none; rnrn.kibasp lifloat:left;width:160px;height:190px;display:block;margin-left:10px; ;font-size:12PX; text-align:center rn.kibasp li img width:140px; height:130px; text-align:center; padding:2px;text-align:center;border:1px #ccc solid;background-color:#fff;margin:0px auto 0 auto; rn.kibasp a:link color:#000000; text-decoration:none rn.kibasp a:visited color:#000000; text-decoration:none rnrn[/code]rnrnrn这个段代码 在IE6里 会高出几个像素rnrn大体意思是 一个UL 设定宽度 然后里面放若干LI 当LI 宽度不够放在本行 就会到下一行了rn但是IE6里 第二行LI距离上面的 LI会距离上一行的LI 几个像素rn怎么解决
ul li布局问题
有个array数组,一个 div高度数固定的,在li里面循环输出数组array,假如高度只能显示4个li,其余的不会显示,点击div里面的button可以出现第五个,而第一个li就没了,保正那框只能显示4个,这怎么实现求指点,过程中不会有滚动条的,所以不用overflow:auto,应该是用javascript实现的吧。
ul中li的问题
[code=html] rnrnrnrn rn rn 当季热门rn 面朝大海rn 古镇时光rn 吃货血拼rn 户外撒野rn 情迷自驾rnrnrnrn[/code]rn为什么ul li a.curheight:33px;的height设大于等于33px时会覆盖掉ul的border-bottom呢?搞不懂啊
UL,LI
用UL,LI如何产生二行一列呢?
ul li弹出菜单问题
rnrnrn rn rn rn rn rn rn rn 首页rn 网页版式布局rn rn 自适应宽度rn 固定宽度rnrnrn div+css教程rn rn 新手入门rn 视频教程rn 常见问题rnrnrn div+css实例rn 常用代码rn 站长杂谈rn 技术文档rn 资源下载rn 图片素材rnrnrnrnrnrnrn想问下#menu ul li.current ul display:block; 这个类是加在 #menu ul li ul上了,还是加在#menu ul li上了??rnrnrnnode.onmouseover=function() rnthis.className+=" current";rnrnnode.onmouseout=function() rnthis.className=this.className.replace(" current", "");rnrnrn这个也不是很明白,node指代的是#menu ul li吧,那this.className+=" current";变成什么了???
ul li 缩进问题
  ul是有序标签。默认会有内边距; list-style:none;就是清除有序的样式; padding;0 去除内边距   例子     #allTabLi ul { background: #ffffff none repeat scroll 0 0; left: auto; line-height: 27px; list-st...
ul li与firefox的问题
作了一个列表,在ie下正常,但是在ff下不能显示右边框,非常郁闷:rnrn理想状态下,应该是一行,四个空格,但是在ff下看不到最后边的表格边框。rnaspx:rnrn rn rn rn li>rn rn rnrnrnrncss:rn.panel2rnrn clear: both;rn margin: 0px;rn padding: 0px;rn width: 782px;rn height: auto;rn border-right: solid 1px #002e92;rnrn.panel2 ulrnrn margin:0px;rn padding:0px;rn list-style:none;rn font-size:12px;rn line-height :30px;rnrn.panel2_li1rnrn float:left;rn background-color:#e1efff;rn height:30px;rn width:110px;rn text-align :center;rn border-bottom:1px #002e92 solid;rn border-left:1px #002e92 solid;rnrn.panel2_li2rnrn float:left ; rn background-color:#e1efff;rn height:30px;rn width:279px;rn text-align :left;rn border-bottom:1px #002e92 solid;rn border-left:1px #002e92 solid;rn
css3 实现根据ul中li的个数设置li的宽度
&amp;lt;style&amp;gt;    li{        width:100%;    }        li:first-child:nth-last-child(2),    li:first-child:nth-last-child(2){        width:50%;    }    li:first-child:nth-last-child(3),    li:first-child...
2个<ul><li></li></ul>为第二个ul上色
Document 1 2 3 4 5 6 7 8 var li=document.getElementsByTagName("li") li[4].style.background="red"; li[5].style.background="blue" li[6].style.background="black" li[7].style.
ul li标签后面跟着p标签问题 求助高手。
[img=https://img-bbs.csdn.net/upload/201403/02/1393760063_214684.png][/img]rnrn[img=https://img-bbs.csdn.net/upload/201403/02/1393760099_721379.png][/img]rnrnrn如上图所示,,代码和效果图。rnrn为什么p标签不是左对齐,而是跑到中间位置了,很是费解。求助!!!!
对ul 下的li标签执行点击事件
问题来源:做项目时,一般的数据都是用循环动态的加载出来的,结构都是一样的,只是绑定的值不同,如何对相同的标签做处理。 点谁就显示谁的值:      1 2 3 4 1、如果没有class属性的时候 在相同的标签外部(随便找一个即可,需要包裹所有的相同标签) (ul包裹了所有的li,on里面的第一个参数:需要做的事件类型,第二个参数:对谁做执行
使得ul标签中的li水平排列
.ul{                 list-style: none;             }             li{                 float: left;             }
使用php 的缓冲区功能和apache的url重写功能实现静态html生成实例
  使用php 的缓冲区功能和apache的url重写功能实现静态html生成实例使用Mysql5.0 +php5.0+ apache2.2(开启url重写模块:去掉apache配置文件中LoadModule rewrite_module modules/mod_rewrite.so 前面的#号后重起服务器即可。)数据库articles的表:create table article
《HTML标签》〈ul〉〈ol〉〈li〉的使用
《HTML标签》〈ul〉〈ol〉〈li〉的使用。
对Ul下的li标签执行点击事件
html:<ul id="test"> <li class="add">北京</li> <li class="add">上海</li> <li class="add">天津</li> <li class="add">广州</li> </ul>1: 不用class属性, 需要包裹所有的相同标签, ul包裹了所有的li。 on里面的参数: 需要的做的事件类型,对谁执行这个事
asp.net 通过 ul li 标签 显示菜单
我想通过ul li 通过从数据库查询出的数据动态绑定左边导航菜单。、rn请问用什么实现效率快些?rnrn我数据库的设计为:rnid name pid rnrn父id =pid 从-1 开始
juery实现ul li标签切换
优质的售后服务         专业的技术实力         权威的荣誉资质                                           $(".index_part5_top_ul li").click(function(){ $(".index_part5_top_ul li").rem
js 正则过滤ul和li标签
求js 正则过滤ul和li标签rnrn过滤 ...rnrn过滤标签,保留li中的内容
li均分ul宽度,子元素均分父元素宽度
父元素 添加样式display: table;子元素添加样式display: table-cell;text-align: center;
html学习系列教程5-<li>标签、<ol>标签和<ul>标签
html有两个列表实例:一个是有序列表(&amp;amp;lt;ol&amp;amp;gt;)和一个无序列表(&amp;amp;lt;ul&amp;amp;gt;) # 有序列表 &amp;amp;lt;ol&amp;amp;gt; &amp;amp;lt;li&amp;amp;gt;Coffee&amp;amp;lt;/li&amp;amp;gt; &amp;amp;lt;li&amp;amp;gt;Tea&amp;amp;lt;/li&amp;amp;gt; &amp;amp;lt;li&
关于css中ul和li标签排版
在家学DIV+CSS现在有个问题请教大家:先看代码rn [code=XML] rn 服饰rn 食品rn 数码rn 电脑耗材rn 日用品rn 装饰品rn [/code]rn这是对应的CSS代码:rn[code=CSS]ul rn background:#F3C;rn margin: 0px;rn height: 245px;rn width: 133px;rn list-style-type: none;rn padding:10px 0px 0xp 0xp;rnrnul li rn height: 40px;rn width: 133px;rn margin-top: 0px;rn margin-right: 0px;rn margin-bottom: auto;rn margin-left: 0px;rn[/code]rn现在问题来了我通过在ul和li中设置background-color来检测我的位置是否正确却发现错了这是该代码的效果图:rn[img=http://hi.csdn.net/attachment/201002/24/2923544_1266998927qO61.jpg][/img]rn我想达到的效果是这样(这张是PS的)rn[img=http://hi.csdn.net/attachment/201002/24/2923544_1266998930h0jM.jpg][/img]rn我弄不懂我查看了那个背景的地方只有133px(就是想要的效果中红色区域的宽度是133px)为什么他无缘无故给我扩宽了这么多?
ul中清除所有的li标签
1.首先引入jquery.js.$(&quot;#banqis&quot;).find(&quot;li&quot;).remove();  var banqifragment = document.getElementById(&quot;banqis&quot;);//定位到容器ul标签  alert(&quot;=清空版期图片数据=&quot;); alert(&quot;清空后==&quot;+banqifragment.innerHTML);...
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池