当前位置:  开发笔记 > 前端 > 正文

简单的HTML下划线

如何解决《简单的HTML下划线》经验,为你挑选了1个好方法。

我正在创建一个将打印的HTML表单,其中包含需要由收件人写入的字段.基本上我想要的是一条从字段标签末端延伸到页面一侧的单行.这就是我现在正在做的事情:

Label:  

这是有效的,但必须有一个更简单的方法来做到这一点,而不需要一个完整的表元素.有任何想法吗?



1> Jon Smock..:

这是我的CSS:

span.print_underline
{
    display: inline-block;
    height: 1em;
    border-bottom: 1px solid #000;
}

所以你的HTML看起来像:

 

我把宽度留了下来,所以我可以尽可能多地重复使用它,但你可以指定宽度.

作为旁注,我使用div标签而不是span标签测试了相同的概念,并且在某些情况下它不起作用.这可能是因为在段落标记中放置div在语义上是不正确的(这就是我使用span的原因),我通常使用段落标记而不是像你使用的那样使用表格行.

推荐阅读
贾志军
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有