我需要用 HTML 格式制作一些表格，客户需要打印和手写一些条目，然后扫描或传真。
所以我希望有一个可以签名的区域，比如“签名 ____________”
如果下划线长度有限，下划线都很好，但是如果我有许多行需要一直穿过页面（或在某些情况下是表格单元格），并且每行前面都有一些文本怎么办？
所以：
Item 1: ____________
An Item 2: _________
This is item 3: ____
1 more item: _______
问题是如果我使用下划线，下划线不会在相同的地方结束，它看起来不对或者它会扭曲单元格的大小。最好的办法是强调空白，但这是不可能的。
所以用 . 构建一些块元素border-bottom。这些看起来像下划线，你可以玩颜色、厚度等等。
一个实用的解决方案：我将每行设为一个 2 列表，给左列（带有文本）的宽度0%（这将扩展到所需的最小值）和右列（带下划线的空白）的宽度100%（其中将占用剩余空间）；我会在右边的表格单元格中放置一个带有底部边框的空块。
我的这种设计违背了许多其他网页设计师所持有的一些理想。我并不是说这是一个很棒或非常符合标准的设计，我只是声称它很简单而且很有效。
把它包起来<pre> tags </pre>。
它将使用等宽字体，因此您的下划线“行”将在同一位置结束。您可能已经注意到这也发生在您上面的问题中；-)
尝试使用类似的 CSS 规则
text-decoration: underline;
或者
border-bottom: 1px solid black;
不久前试图自己找到解决方案。所以，关键是：
最好的办法是强调空白，但这是不可能的。
它实际上是可能的，只是<u> </u>或<u> </u>。
这是一个表单示例，其中字段彼此内联：
<div>
<nobr>
First name:
<u>            </u>
</nobr>
<nobr>
Last name:
<u>            </u>
</nobr>
<nobr>
Contact phone:
<u>            </u>
</nobr>
</div>下面是一个表单示例，其中字段被组织在彼此之上，并且 ___ 部分向右，受 div 的右键限制，并且不会不必要地换行：
<!DOCTYPE html>
<html>
<style>
myLn {
display: block;
width: 30%;
overflow: hidden;
white-space: nowrap;
}
</style>
<body>
<myLn>
Name:
<u>                                                              </u>
</myLn>
<myLn>
Address:
<u>                                                              </u>
</myLn>
<myLn>
More info:
<u>                                                              </u>
</myLn>
<myLn>
<u>                                                              </u>
</myLn>
</body>
</html> 希望能帮助到你。