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

figcaption:before
{
    content: 'Figure \n' + attr(title);
}

推荐答案

content属性接受string,并且:

字符串不能直接包含换行符.属性中包括换行符的步骤 字符串,请使用转义来表示中的换行符 ISO-10646(U+000A),例如"\A"或"\00000a".这个角色 表示CSS中"换行符"的一般概念.

(对实际的浏览器支持一无所知.)

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

  • 如果下一个字符是a-f、A-F、0-9之一,则\20AC后面必须跟一个空格
  • \0020AC必须是6位数,不需要空格(但可以包括在内)

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

Css相关问答推荐

要创建其按钮垂直对齐而不是水平对齐的v-bTN-toggle

大型菜单的CSS动态布局,根据菜单项的数量以行或列形式读取

如何提高数学输出的质量?

可折叠/可展开的数据表行:如何使Shadcn数据表中的可折叠内容全宽?

在主零部件悬停上对子零部件设置Angular 样式

如何仅使用CSS Select 器根据列表中第n个项的子项属性 Select 该项

为什么 CSS Calc() 函数只需要+或-运算符前后有空格

Vue3 组合 api 中的对象值样式

基于高度的容器查询不起作用

重用 CSS 类更改一些属性

如何在保持默认外观的同时更改 javaFX 中按钮的突出显示 colored颜色

为什么同一个 CSS 类连续出现两次

如何使用 TailwindCSS 禁用环形阴影?

使用 CSS 在悬停时转换 SVG 路径的填充属性

弹性盒项目之间的间距

CSS 表格 td 宽度 - 固定,不灵活

以原始大小的 50% 显示图像

CSS3 box-shadow:inset 可以只做一侧或两侧吗?喜欢边界顶部?

Select 器.class.class和.class.class有什么区别?

CSS 外边框