如何在html表格单元格中双重加下划线？

Question

下划线的长度应与文本内容相对应.我遇到了另一个类似的问题,其中使用了可接受的解决方案

.doubleUnderline {
text-decoration:underline;
border-bottom: 1px solid #000;
}

但这不是我想要的.我希望双下划线的长度等于文本内容的长度.

Answer 1

我鞭打了两个例子.

使用块元素(如p),您可以使用inline-block它,因为它不会遍历页面的全长而只是文本.

span{
  border-bottom:1px solid #000;
  text-decoration:underline;
}
        
p{
  border-bottom:1px solid #000;
  text-decoration:underline;
  display:inline-block;
}

<span>This is a bit of text for you</span>
<br>
<p>This is some text for you too</p>