【问题标题】:Custom underlines in CSS for text with line breaksCSS中的自定义下划线用于带有换行符的文本
【发布时间】:2012-01-10 07:12:38
【问题描述】:

有没有办法使用 CSS/JS 以自定义方式为一大块文本下划线?我不知道文本会是什么,它可以有换行符,所以我不能采用使用边框底部的常规方式。


抱歉,如果问题不清楚。关键词是“定制”。像不同颜色的虚线或一些花哨的星星,或其他什么。我们可以使用背景或边框底部属性来做到这一点,但仅限于单行文本。如果有换行符,它将仅应用于底部。我就是这个意思。

【问题讨论】:

  • text-decoration: underline;?
  • 如果可以的话,您是否可以在该文本上应用一些类,而不是编写一个包含上述给定属性的类并应用于包含该文本的元素。

标签: css underline


【解决方案1】:

text-decoration 属性是您正在寻找的。如果您将 underlined 类分配给要为其文本添加下划线的封闭元素,您的 CSS 将如下所示:

.underlined {
    text-decoration: underline;
}

【讨论】:

  • +1,但请考虑根据内容而不是您要应用的特定样式重命名您的课程。这是关于语义类名称的good article
  • 当然,但我们不知道这种情况下的语义是什么。我犯了非语义的错误,而不是编造一些可能令人困惑的东西。
  • 抱歉,我应该明确指出我是在向丹尼尔讲话。 :-)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-02-27
  • 2019-12-01
  • 2019-10-16
  • 1970-01-01
  • 2021-09-19
  • 1970-01-01
相关资源
最近更新 更多