HTML でいくつかのフォームを作成する必要があります。これを顧客が印刷していくつかのエントリを手書きで記入し、スキャンまたはファックスする必要があります。
だから「Sign ____________」みたいなサイン欄が欲しい
下線の長さが限られている場合は下線でも問題ありませんが、ページ (場合によっては表のセル) を横切る必要がある行が複数あり、各行の前にテキストがある場合はどうすればよいでしょうか??
そう：
Item 1: ____________
An Item 2: _________
This is item 3: ____
1 more item: _______
問題は、アンダースコアを使用すると、アンダースコアが同じ場所で終了せず、正しく表示されなかったり、セルのサイズが歪んだりすることです。最善の方法は空白に下線を引くことですが、それは不可能です。
したがって、。を使用していくつかのブロック要素を作成しborder-bottomます。それらは下線のように見え、色や太さなどで遊ぶことができます。
実用的な解決策：各行を2列のテーブルにし、左側の列（テキスト付き）に幅0%（必要最小限に拡張）、右側の列（下線付きで空）に幅100%（残りのスペースを占有します）; そして、下の境界線のある空のブロックをその右側のテーブルセルに配置します。
私のこのデザインは、他の多くのWebデザイナーが抱くいくつかの理想に違反しています。これが素晴らしい、または非常に標準に準拠した設計であると言っているのではなく、単純で機能していると主張するだけです。
で包み<pre> tags </pre>ます。
等幅フォントを使用するため、アンダースコアの「行」は同じ位置で終了します。あなたはこれが上記のあなたの質問でも起こることに気づいたかもしれません;-)
次のような CSS ルールを使用してみてください
text-decoration: underline;
また
border-bottom: 1px solid black;