我試圖在文本的底部添加邊框，但是每當文本有兩行時，邊框都會保留在第一句話的下方。它應該取第二個句子并從中移動 15 像素。我怎樣才能解決這個問題？第二條紅線應該在word下dawdwada
.box {
width: 200px;
border: 1px solid black;
height: 200px;
}
.link {
position: relative;
margin-bottom: 20px;
}
.link a::after {
position: absolute;
content: "";
top: 15px;
left: 0;
height: 2px;
background: red;
width: 100%;
}<div class="box">
<div class="title">
<div class="link">
<a>waddwaudwahidauidwa</a>
</div>
<div class="link">
<a>waddwaudwahidauidwa dawdwada </a>
</div>
</div>
</div>uj5u.com熱心網友回復：
而不是使用::after，你可以只在鏈接上使用border-bottom
uj5u.com熱心網友回復：
使用文本裝飾而不是邊框
<a style="text-decoration: underline;">waddwaudwahidauidwa dawdwada </a>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/390399.html
標籤：css
下一篇：如何實作兩個獨立滾動的列布局？