Question

html 字体有下划线样式

怎么弄下划线样式？没有文字下划线也还是在的，怎么弄？如下图一样
没有文字，下划线也是存在，且不变长度text-decoration:underline;需要手动控制长度。
<u>和<i>没有文字就没有下划线。

上面的方法都要 ，但是自己文字添加上去会改变长度。加不加文字不改变长度，

Answer 1

<u>推荐单位（专家）</u>，没有文字的时候，就直接在下面画一条线

<hr></hr>再给它一个位置

 

<div style="position:relative;width:500px;">推荐单位（专家）</div>

<div style="position:relative;width:500px;">

<hr style="color:black;width:500px;border:1px solid black;"/>

</div>

Answer 2

专业技术领域：<span style='text-decoration:underline;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
推荐单位（专家）：<span style='text-decoration:underline;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

 或者设置style="border-bottom:1px solid #000;"

Answer 3

最好是通过css设定，尽量不用多余标签。
样式指定：text-decoration:underline;

追问

这个我试了，但是没有文字的时候，就没有下划线啊

Answer 4

怎么会这样啊，用<input style=" border-bottom:1px solid black; " type="text" />
OK

Answer 5

你可以给改div 给一个border-bottom://///////