html - 在文本之后画一条线到行尾

标签 html css

我有一个页面的标题,我想要一行从文本之后开始到行尾,无论窗口的宽度是多少,有点像:

TITLE----------------------------------------------------------------------------

但是整行,我只是用-写的用于演示。我看到了<hr>但它总是排在后面,它不会留在文本之后。我还看到了 this post但这并不是我想要的。

谢谢!

最佳答案

好的,这是另一个答案。您可以只使用 fieldset 元素来代替

  <fieldset>
  <legend>Title comes here</legend>
  </fieldset>

然后这样设计

fieldset { border-top:1px solid #333; }

这是一个演示:http://jsfiddle.net/SQujE/

关于html - 在文本之后画一条线到行尾,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10724987/

相关文章:

java - 如何在 page.redirect 从 servlet 到 jsp 上显示成功消息

jquery - 同时突出显示在 jquery 中找到的文本

javascript - 选中复选框时淡入/淡出最接近的 div

css - 在 CSS 中链接相邻的兄弟运算符

css - 如何将子元素高度设置为 100% 不使用 javascript?

php - 碧 Jade : Removes Logo and some Jasper menus from Dashboard on Iframe?

javascript - 汉堡按钮上的反转动画

javascript - HTML div 格式 : three images that dynamically match viewport size (image slider)

jquery - 带内容框的双垂直选项卡

jquery - 如何在不使用固定位置的情况下让元素捕捉到屏幕底部