是否可以在CSS content
属性中使用换行符字符来强制换行?类似于:
figcaption:before
{
content: 'Figure \n' + attr(title);
}
发布于 2012-01-30 19:23:57
字符串不能直接包含换行符。要在字符串中包含换行符,请使用转义来表示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。
发布于 2012-01-30 19:27:48
figcaption:before
{
content: 'Figure \a' attr(title);
white-space: pre;
}
请注意,在content
属性值中,连接仅由空格表示,而不是由“+”符号表示。CSS string文本中的转义符号\a
表示换行符。
https://stackoverflow.com/questions/9062988
复制相似问题