Html 为什么锚定标签和跨度之间有空间

我有个问题。 我有一个列表，在列表的所有项目中都有链接。 当我想在锚点标记中添加一个跨度时，我有一个空间，无法删除它

 <li class="elementMyAccount spaceTopBetweenElementMyAccount">

     <a href=""
         class="elementMyAccountText">
         Text4
         <div class="adressDescription" >(text4)</div>
     </a>
</li>

但也许这不是解决方案，因为在IE上，我的跨度和上面的文本之间有一个空格

---

如果你愿意帮助我，谢谢大家

我不是专家，但我想，这是因为我不知道如何命名渲染引擎，它无法识别您的样式，例如-webkit列计数。IE不是支持者，如果是的话，很快就不会了。忘记IE。

问题在于您的代码中，elementMyAccountText类的位置为：绝对

如果要显示文本，请将文本左对齐到框的中心，然后可以使用display:flex到ul和li，并将项目对齐：center；给李先生

如果你想点击整个盒子，那么

从elementMyAccount类中删除高度并添加以下代码

ul li a{
width: 100%;
display: block;
padding: 20px 0; 
}

.listElementMyAccount{ 边缘顶部：50px； } .listElementMyAccount ul{ 左边距：-8px； 显示器：flex； } .elementMyAccount{ 边界半径：7px； 边框：1px纯黑； 高度：60px； 宽度：240px； 左边距：8px； 边缘顶部：8px； 显示器：flex； 对齐项目：居中； } /*.elementMyAccountText{ 字体大小：15px； 位置：绝对位置； 左边距：5px； 线高：60px； 宽度：240px； 高度：60px； }*/ .elementMyAccountImg{ 左边距：5px； 不透明度：0.75； 右边距：10px； 垂直对齐：中间对齐； } .地址说明{ 显示：块； 位置：绝对位置； 字体大小：11px； 文字装饰：无； 线高：15px； 显示：块； }

---

我没有空间。你能分享safari或IE的截图吗？你不会得到这个：？我想要的是跨度中的第二个文本，就在我的锚文本下面…为什么elementMyAccountText类有position:absolute；？我认为这是你的预期产出。是吗？啊，是的，这可能是个错误。。。如果我删除position:absolute，解决方案是在我的元素地址description上设置页边距top:-20px？编辑：是的，这就是我想要的！谢谢，但你的解决方案没什么问题。。当我不得不缩小屏幕时，元素也会减少，但我更喜欢旧的行为。。当你减少时，元素转到另一行我不知道你是否理解如果你调整窗口大小，那么你必须使用媒体查询和添加。listElementMyAccount ul display:block如果你不想改变行为，那么你可以做一件事。添加完整CSS并添加此CSS.elementMyAccount{position:relative；}并更新此CSS.elementMyAccountText{position:absolute；top:50%；transform:translateY-50%；padding:20px 0；width:100%；}

ul li a{
width: 100%;
display: block;
padding: 20px 0; 
}