欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

,关于<li>宽度控制的有关问题

更新时间: 2014-01-05 00:52:36 责任编辑: Author_N1

 

求助,关于<li>宽度控制的问题
这个是我网页表示层的部分代码:
<body>
<form id="form1" >
<div><ul style="width: 100%"><li style="width: 40%">
abc</li><li style="width: 40%">
def</li><li style="width: 20%">
ghi</li></ul></div></form><body>

我的想法是让这三个列表项处在同一行,可是三个列表项并不在同一水平行。含有ghi的那个<li>标签自动下移了新一行的左边。

我后来设置了所有元素的border,padding,margin为none或者0,但结果还是开始一样显示的。
我就是搞不明白,三个<li>标签加起来的不正好是100%的width么?为什么会超过<ul>的width。我试了把最后一个<li>标签的width改为19%,然后三个<li>就是并列显示了。(注:我已经设置了<li>的float为left了)。
大家能给我指点一下吗? 谢谢了!
--参考方法--
假设ul在实际显示的时候宽度是789px,那么3个li标签的宽度分别是315.6px 315.6px 157.8px,应该是这个问题吧
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:52:36
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/872/
本文WWW.DOC100.NET DOC100.NET版权所有。