【问题标题】:pretty html highlighting using <span>使用 <span> 突出显示漂亮的 html
【发布时间】:2011-07-06 04:37:52
【问题描述】:

我在要突出显示的内容周围使用&lt;span&gt; 标记突出显示HTML 文档中的文本。 span 类定义了一个background-color,还设置了一个border-radius。这很好用。

我希望突出显示超出&lt;span&gt; 内容的正常范围。也就是说,span-start 左边几个像素,span-end 右边几个像素。理想情况下,我会在不分隔内容本身的情况下这样做。

我可以使用任何好的 css 技巧来实现这一点吗?

【问题讨论】:

  • 保证金?填充?不知道我明白你在找什么..

标签: html css highlighting


【解决方案1】:

您可以设置内边距和负边距。例如:

span {
    margin: -5px;
    padding: 5px;
}

你可以看演示here

【讨论】:

  • 谢谢 - 这比我想象的要简单得多。我显然不是 CSS 向导;)
  • 如果 margin/padding 增加太多,比如 10px,span 开始剪切前面的内容。有什么办法可以缓解吗?
  • @TomSwift:添加position: relative;z-index: -1;
【解决方案2】:

边距:10px 0px; ??

如果这不能解决您的问题,您能否详细说明问题?

【讨论】:

  • 只是一个注释,margin 不能这样工作,值之间没有逗号。
猜你喜欢
  • 1970-01-01
  • 2019-11-10
  • 2022-01-25
  • 2020-10-14
  • 1970-01-01
  • 2014-02-22
  • 2018-07-03
  • 2020-07-23
  • 1970-01-01
相关资源
最近更新 更多