Question

例如，我有一个“li”标签，里面有一个“a”标签。我希望整行有一个border-bottom：1px solid #ccc;

<li class=sub">
     <a href="3" class="active">
         <span id="1">Text</span>
     </a>
</li>

目前我有

span {
    width: 90%;
    border-bottom: 1px solid #ccc;
    font-size:12px;
}

li {
    width: 100%;
}

但似乎只有Text会加下划线，我希望整个“li”整个行加下划线。但不是强调“li”而是“span”标签。所以基本上我希望我的“span”标签与父“li”的宽度相同，不确定我在CSS上缺少什么。

Answer 1

您必须了解span 是一个内联元素，并且为了使width继承宽度span而不存在display。，您需要确保将block设置为inline-block元素，在您的情况下，请尝试{{1}}。