请div+css高手兄弟问一个问题，像我图片中这样的ul li列表，我想设置第一个没有左边距如何设置？_百度知道
提问者采纳
1.固定好每个LI的宽度不就可以了吗,看看这些LI中最多字符为多少个,2.设置一个相同的宽度,即解决这个问题,3.例如每个字占位16个像素,而你这个LI最多也就4个字符,4.则可以设置每个LI宽度为16X4+5个像素间隔5.则为每个LI的实际宽度为69像素;左对齐即可;
提问者评价
你真棒，学习了
其他类似问题
为您推荐：
其他6条回答
你可以这样设置float: margin-right:10这样你就是右边边距10，而左边没有换行的问题你可以根据你总体的大小而定啊例如每个字占位16个像素,而你这个LI最多也就4个字符,可以设置每个LI宽度为16X4+5个像素间隔为每个LI的实际宽度为69像素;左对齐即可;
两种方法，一种是专门给左边第一个单写一个左侧边距0；另种是所有都写左边距0，右边距你想要的间距。
你 可以让整体的大div设置没有边距，然后 给下面的（第一个不用）li加上div或是span加上左边距就行了
如果是循环出来的，估计就没事实现了
默认的body区域margin-left：10px，你可以添加body的css样式为margin-left：0px；
那你可以用margin-right:10px啊。。。
那就左边距为零，设置右边距 啊
设置右边距的，右边末尾的li标签右边会有空余，
本身不是就需要10px的空余吗li里面设置padding-right:10宽度不用设置，就可以啊就是上图的样子
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁请问一个ul 和 li是用什么属性来隐藏 和显示的_百度知道
请问一个ul 和 li是用什么属性来隐藏 和显示的
我有更好的答案
&아 진짜 ! 오늘 저녁
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁如何在JS里面来控制ul标签的显示与隐藏？
如何在JS里面来控制ul标签的显示与隐藏？
在页面上我设置这个ul的状态为隐藏
&ul style="display:none" id="ChildMenu1"&
&li&子菜单&/li& &li&子菜单&/li& &li&子菜单&/li&
现在我要在一个按钮的点击事件中，
如果这个ul状态为隐藏则让他显示
如果为显示状态则隐藏他
补充：一楼的，如果是层的话，这样就可以
但是ul标签就不行
补充：用层的我会，
现在我要实现的是用ul来设计
&script language="JavaScript"&function show(ChildMenu1){
if (ChildMenu1.style.display == "none") {
ChildMenu1.style.display = "";
button1.value="隐藏" }else{
ChildMenu1.style.display = "none";
button1.value="显示" } } &/script&
&input type="button" value="显示" id="button1" onclick="show(ChildMenu1)"&&ul style="display:none" id="ChildMenu1"& &li&子菜单&/li& &li&子菜单&/li& &li&子菜单&/li&&/ul&
试试吧，呵呵~~~~~~~~~~~
&script language="JavaScript"&function show(i){ if (i.style.display == "none") { i.style.display = ""; }else{ i.style.display = "none"; } }
其他回答 (4)
&script language="JavaScript"&function show(i){
if (i.style.display == "none") {
i.style.display = "";
i.style.display = "none";
&ul style="display:none" id="i"&&li&子菜单&/li&&li&子菜单&/li&&li&子菜单&/li&
我知道这是导航用的.
那你加个 div 控制 是否可以呢
不论哪种html文档对象都可以用style.dispaly=&none&或&block&控制隐藏与显示。
导航的效果
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " &html xmlns=" &head&&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&&title&无标题文档&/title&&style&#wai{width:1000
}#top1{text-align:width:1000
}#logo2{background:url(image/ban.jpg); float:
}#nag{width:1000
}#nag ul{margin:0width:1000}#nag ul li{float:width:140margin-right:40background:#FF9999;list-style-type:font-size:12font-weight:500;}div4{width:140
}#div4 ul{width:100position:}#div4 ul li{list-style-type:width:140float:margin-right:0background:#FF6666;font-weight:100;}div2{width:140
}#div2 ul{width:100position:}#div2 ul li{list-style-type:width:140float:margin-right:0background:#FF6666;font-weight:100;}div3{width:140
}#div3 ul{width:100position:}#div3 ul li{list-style-type:width:140float:margin-right:0background:#FF6666;font-weight:100;}div1{width:140
}#div1 ul{width:100position:}#div1 ul li{list-style-type:width:140float:margin-right:0background:#FF6666;font-weight:100;}
#leftdiv{width:150float:}#divleftbottom{background:url(image/bgtd.gif);width:125height:125padding:5font-size:12}&/style&
&body style="text-align:"&
&div id="wai"&&div id="top1"&&div id="logo" style="background:url(image/an3.png); float: width:140 height:70"&&/div&&div id="logo2"&&/div&
&div id="nag"&&script&function hiddiv(obj){if(obj.style.display=="block"){obj.style.display="none";}else{obj.style.display="block";}
}&/script&
&ul&&li onmouseover="hiddiv(div1);" onmouseout="hiddiv(div1);"&技术讨论 &div id="div1" style="display:"&
&li&&a href="#"&WEB开发&/a&&/li&
&li&Java开发&/li&
&li&vb开发&/li&
&/div&&/li&&li onmouseover="hiddiv(div2);" onmouseout="hiddiv(div2);"&技术讨论 &div id="div2" style="display:"&
&li&&a href="#"&WEB开发&/a&&/li&
&li&Java开发&/li&
&li&vb开发&/li&
&/div&&/li&&li onmouseover="hiddiv(div3);" onmouseout="hiddiv(div3);"&技术讨论 &div id="div3" style="display:"&
&li&&a href="#"&WEB开发&/a&&/li&
&li&Java开发&/li&
&li&vb开发&/li&
&/div&&/li&&li onmouseover="hiddiv(div4);" onmouseout="hiddiv(div4);"&技术讨论 &div id="div4" style="display:"&
&li&&a href="#"&WEB开发&/a&&/li&
&li&Java开发&/li&
&li&vb开发&/li&
&/div&&/li&&/ul&&/div&
&div id="leftdiv"&&div style="text-align: color:#9933FF; margin-top:30 margin-bottom:30"&登陆信息
&/div&&div style="float: font-size:12"&&table width="135" border="1" cellpadding="0" cellspacing="0"&
&td width="50"&用户名&/td&
&td width="85"& &span&sdfsdf&/span&
&td&密码&/td&
&td&&span&sdfsdf&/span&&/td&
&td&&&/td&
&td&&&/td&
&/tr&&/table&&/div&&div id="divleftbottom"&&span&&img src="image/arrow_right.gif" /&将网页保存为网页格式 要是网页过期了 打开还有原来… &/span&
&/div&&div style="float: border:0px #000000 width:400"&extjs怎么大图标做treenode
fschangxin 12-05 23:10
fschangxin 12-06 18:52
？ 一个输入框得出其他输入框的值　
freescy2002 12-01 21:00
freescy2002 12-06 15:50
？ 如何实现点击箭头后局部更新下一页或上一页的图片
ft859715 12-06 15:30
？ asp.net自动更新数据
jiashu912387 12-01 17:35
happy 12-06 14:11
？ ajax无刷新
only_niu 12-05 14:14
happy 12-06 12:37
12-03 14:25
yzsgbdqn 12-06 12:05
&/div&&div id="divright" style="width:140 border:0px #000000 "&&div style="float: width:140 margin:5 font-size:12"&&a href="#" onclick="javascript:alert('设置成功');"&&img src="image/star.gif" border="0"/&设置为主页&/a&&br /&&a href="#" onclick="javascript:alert('设置成功');"&&img src="image/star.gif" border="0"/&设置为收藏文件夹&/a&&/div&&div style="float: width:140 height:125 margin-top:100 background:#FFFF99;"&
&/div&&/div&&/div&&div style="background:#FF9933; float: margin-top:3 text-align: width:690"&bottom&/div&
&/div&&/body&&/html&
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& & &html xmlns=& &head&&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&&script language=&JavaScript& type=&text/javascript&&var curr=function initFaq(){
var faq=document.getElementById(&faq&);
var hs=faq.getElementsByTagName(&h5&);
var ps=faq.getElementsByTagName(&p&);
for (var i=0;i&hs.i++){
hs[i].id='h5_syy_'+i;
ps[i].id=hs[i].id+'_x';
hs[i].onclick=function(){
if (curr!=null&&curr!=this.id)
document.getElementById(curr+&_x&).style.display='none';
var s=document.getElementById(this.id+&_x&).
s.display=((s.display=='none')?'':'none');
if (s.display!='none')
curr=this.
hs[i].style.cursor='pointer';
ps[i].style.display='none';
}}&/script&&/head&&body onload=&initFaq()&&&ul id=&faq&&
&h5&问题1&/h5&&SCRIPT LANGUAGE=&JavaScript&&&!--var display =function fn(){
if(display){
document.getElementById('ChildMenu1').style.display = &none&;
document.getElementById('ChildMenu1').style.display = &&;
}}//--&&/SCRIPT&&ul style=&display:none& id=&ChildMenu1&&&li&子菜单 &/li&&li&子菜单 &/li&&li&子菜单 &/li&&/ul& &input type=&button& value=&display&show& onclick=&fn()&/&
相关知识等待您来回答
网页制作领域专家
& &SOGOU - 京ICP证050897号哪位大神来帮我写个ul隐藏显示的js,很多ul 列表，难道只能一个一个写吗_百度知道
哪位大神来帮我写个ul隐藏显示的js,很多ul 列表，难道只能一个一个写吗
扣发源代码，来帮忙写个
提问者采纳
可以用JQ$(&ul&);这样子就是网页 所有的ul了
提问者评价
谢谢啦！！！！
来自团队：
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁加载列表时jquery获取ul中第一个li的属性
当加载列表时，默认希望选中第一条。top_menu 为ul的ID
通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签。然后就可以利用
例如 修改属性：$("#top_menu li:first").attr("class","select");
触发事件：$("#top_menu li:first").click();
如果想获取li下的 a标签，如下：
$("#top_menu li:first a")
也可以 修改属性：$("#top_menu li:first a").attr("","");
触发事件：$("#top_menu li:first a").click();
&ul class="nav white" id="top_menu" name="top_menu"&
&!-- 一级菜单 --&
&s:iterator value="list" status="st"&
&li&&a onclick=""&&s:property value="menuName" /&&/a&&/li&
&/s:iterator&
顶一下(0) 踩一下(0)
热门标签：