在ul前面的白色空间

时间:2014-05-04 15:45:07

标签: html css removing-whitespace

我有一个无序列表并显示内联但问题是在列表前面会出现一些空白区域,如下图所示:

SpaceInfront http://i60.tinypic.com/11wdpap.jpg

这是css:

#ul-right{
  float:right;        
}

.li-right{
  display:inline;
  font-size:initial;
}

.ul-leftright{
  font-size: 0px;    
}

这是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>

你能告诉我为什么会这样吗?你可以帮我删除空格吗?

2 个答案:

答案 0 :(得分:4)

这是ul元素的默认填充。大多数浏览器都会添加padding-left值〜40px

Example Here

ul {
    padding: 0;
}

答案 1 :(得分:1)

尝试使用

ul {
    padding: 0;
    margin:0;
}

DEMO

某些元素有一些默认的填充和边距。