我想删除所有缩进ul.我试着设置margin,padding,text-indent给0,却无济于事.似乎设置text-indent为负数就可以了 - 但这是否真的是删除缩进的唯一方法?
这可能看起来像一个愚蠢的问题,但我已经在基本页面中添加了UL,并且列表似乎偏离了中心.列表没有什么特别之处.没有添加特定的CSS:只是一个列表.当我装载它时,它略微偏离中心.
左侧是否有默认边距或填充?
<h3>Title Heading</h3>
<ul id="listItems">
<li>itemOne</li>
<li>itemTwo</li>
<li>itemThree</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
主体具有用于居中,对齐,浮动等的所有css代码."标题标题"完美对齐.只是列表有点偏.
谢谢.
哦,不知道这是否重要,但我添加了'id'原因...想要使用'first-of-type'给第一项em(粗体).
你知道为什么我不能从我的<li>元素中删除边距吗?浏览器总是为我的列表添加特定的边距,即使我将代码写入特定的边距.这是CSS和HTML代码:
#NavLeftList {
height: 57 % ;
width: 15 % ;
position: absolute;
top: 23 % ;
border-style: none;
background: url(images / heaven.jpg);
margin: 0px
}
#NavLeftList ul {
margin-left: 11 % ;
}
#NavLeftList ul li {
text-align: center;
width: 170px;
list-style-type: none;
text-decoration: none;
margin: 10px 0px 0px 0px;
padding: 1px;
}
#NavLeftList li a {
height: 35px;
padding: 10px 0px 0px 0px;
text-decoration: none;
color: #fff;
background: url(images / tabright.gif);
display: block
}
#NavLeftList li …Run Code Online (Sandbox Code Playgroud) 我有一个无序列表并内联显示,但问题是列表前面出现一些空白,如下图所示:
这是CSS:
#ul-right{
float:right;
}
.li-right{
display:inline;
font-size:initial;
}
.ul-leftright{
font-size: 0px;
}
Run Code Online (Sandbox Code Playgroud)
这是 html :
<ul id="ul-right" class="ul-leftright">
<li class="li-right">
<a runat="server" href="Login.aspx">Login</a>
</li>
<li class="li-right">
<a runat="server" href="LogOut.aspx">Logout</a>
</li>
<li class="li-right">
<a runat="server" href="Register.aspx">Register</a>
</li>
<li class="li-right">
<a runat="server" href="~/Cart/MyCart.aspx">MyCart</a>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
您能告诉我为什么会发生这种情况吗?您能帮我删除空白吗?