首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS 'content‘属性中的换行符序列?

CSS 'content‘属性中的换行符序列?
EN

Stack Overflow用户
提问于 2012-01-30 19:16:22
回答 2查看 101.5K关注 0票数 139

是否可以在CSS content属性中使用换行符字符来强制换行?类似于:

代码语言:javascript
复制
figcaption:before
{
    content: 'Figure \n' + attr(title);
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-01-30 19:23:57

content属性接受string和:

字符串不能直接包含换行符。要在字符串中包含换行符,请使用转义来表示ISO-10646 (U+000A)中的换行符,例如"\A“或"\00000a”。此字符表示CSS中“换行符”的通用概念。

(不了解实际的浏览器支持情况。)

您可以在Using character escapes in markup and CSS上查看有关转义语法的参考,其实质是:

如果下一个字符是a-f、A-F之一,则

  • \20AC后面必须跟一个空格,0-9
  • \0020AC必须是6位数字,不需要空格(但可以包括)

注意:在转义任意字符串时,使用\00000a而不仅仅是\A,因为如果换行符后面跟着一个数字或[a-f]范围中的任何字符,这可能会给出一个undesired result

票数 143
EN

Stack Overflow用户

发布于 2012-01-30 19:27:48

代码语言:javascript
复制
figcaption:before
{
    content: 'Figure \a' attr(title);
    white-space: pre;
}

请注意,在content属性值中,连接仅由空格表示,而不是由“+”符号表示。CSS string文本中的转义符号\a表示换行符。

票数 163
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9062988

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档