您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

向:: after或:: before伪元素内容添加换行符

向:: after或:: before伪元素内容添加换行符

content属性指出:

作者可以通过在“ content”属性之后的字符串之一中写入“ \ A”转义序列来在生成内容中包含换行符。插入的换行符 有关“ \ A”转义序列的更多信息,请参见“字符串”和“字符和大小写”。

因此,您可以使用:

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

但是,在转义任意字符串时,建议使用\00000a而不是\A,因为任何数字或[a-f]字符后跟新行可能会产生不可预测的结果:

function addTextToStyle(id, text) {
  return `#${id}::after { content: "${text.replace(/"/g, '\\"').replace(/\n/g, '\\00000a')} }"`;
}
其他 2022/1/1 18:24:03 有441人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶