Css 填充<；a>；内部<；李>；穿过<；的边缘顶部；李>；

我有以下代码：

<ul>
   <li><a>my link 1</a></li>
   <li><a>my link 2</a></li>
   <li><a>my link 3</a></li>
</ul>

填充物起作用，但它会折叠并穿过

的顶部边缘，而不是向下推

。如何解决此问题？

您应该给出“a”显示：内联块

默认情况下，锚点是“内联”的，不会正确显示填充

jsFiddler演示：

您需要省略

看

填充

我的链接1
我的链接2
我的链接3

边缘

我的链接1
我的链接2
我的链接3

ul#paded li{
垫面：5px；
边框：1px纯黑；
}
ul#margined li{
边缘顶部：5px；
边框：1px纯黑；
}

您是否尝试过使用边距上限：5px；相反这听起来更像是你想要的。你能显示那部分代码的所有css吗？是的，我试过了，也没用。但这不是我需要的，因为它不会填满

li

的整个区域，因此无法单击。甚至尝试过用边框包装

li

和

a

。@jilseego:谢谢，没用。你必须接受答案。：）

ul {
  list-style: none;
  margin: 30px 0 0 2.6em;
}
ul li {
  height: 41px;
  width: 196px;
  background: url(images/image.png) no-repeat; 
  position: relative;
}
ul li a {
  padding-top: 5px;
}

ul li a
{
    padding-top: 5px;
    display: inline-block;
}

<span>padding</span>
<ul id="paded">
    <li><a>my link 1</a></li>
    <li><a>my link 2</a></li>
    <li><a>my link 3</a></li>
</ul>
<span>margin</span>
<ul id="margined">
    <li><a>my link 1</a></li>
    <li><a>my link 2</a></li>
    <li><a>my link 3</a></li>
</ul>



ul#paded li {
    padding-top: 5px;
    border: 1px solid black;
}

ul#margined li {
    margin-top: 5px;
    border: 1px solid black;
}