css – 将换行符添加到:before或:after伪元素内容

前端之家收集整理的这篇文章主要介绍了css – 将换行符添加到:before或:after伪元素内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
因为我没有访问html / PHP页面,只能通过CSS添加

我一直在做一个网站上的修改,并添加文本通过:before /:after,并发现escape unicode应该用于诸如添加内容之前或之后的空间。

我试图找到一个解决方案,但是添加多行内容(说两行)

我该怎么做呢?

这是我想要实现的一个例子:

#headerAgentInfoDetailsPhone:after {
  content:"Office: XXXXX </br> Mobile: YYYYY ";
}

(当然,换行符无效)

解决方法

content房产状态:

Authors may include newlines in the generated content by writing the “\A” escape sequence in one of the strings after the ‘content’ property. This inserted line break is still subject to the ‘white-space’ property. See “Strings” and “Characters and case” for more information on the “\A” escape sequence.

所以你可以使用:

#headerAgentInfoDetailsPhone:after {
  content:"Office: XXXXX \A Mobile: YYYYY ";
  white-space: pre; /* or pre-wrap */
}

http://jsfiddle.net/XkNxs/

猜你在找的CSS相关文章