[css] 不用换行的标签，怎么伪元素实现换行的效果？

使用\A 换行，并且指定white-space: pre保留换行效果.foo::after {content: '123\A 456';white-space: pre;
}

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 不用换行的标签，怎么伪元素实现换行的效果？相关推荐

html 伪元素放入标签,CSS中的before和:after伪元素使用详解
如果你一直密切关注着各种网页设计的博客,你可能已经注意到了:before和:after伪元素已经在前端开发中获得了相当多的关注.特别是在Nicolas Gallagher的博客中,后期运用了很多伪类元 ...
html中鼠标移走的伪元素,a标签的伪元素的应用——link，hover，visited，active
a标签应用中,一般有四个状态: 鼠标未移入前(link),鼠标移入时(hover), 鼠标点击时(active),鼠标点击后(visited). body{ padding: 200px 0; } a ...
html before边距,CSS中的before和:after伪元素使用详解
如果你一直密切关注着各种网页设计的博客,你可能已经注意到了:before和:after伪元素已经在前端开发中获得了相当多的关注.特别是在Nicolas Gallagher的博客中,后期运用了很多伪类元 ...
[css] 你会经常用到伪元素吗？一般都用在哪方面？
[css] 你会经常用到伪元素吗?一般都用在哪方面? 清浮动个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一起通关前端面试题
CSS：理解:Before和:After伪元素
CSS样式表的主要作用是修饰Web页面上的HTML标记,但有时候,为了实现某个效果而往页面里反复添加某个HTML标记很繁琐,或者是显得多余,或者是由于某种原因而做不到.这就是CSS伪元素(Pseudo ...
HTML/CSS: 浅谈a标签及伪类选择器
1.基础知识 "超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分." -HTML链接而对于超文本,简单的说便是 ...
html5自闭合标签有哪些,自闭合标签与伪元素
自闭合标签由包围,不包含任何元素内容. 在XHTML标准中,自闭合标签还需要在结尾的标记处加上/表示结束,这模仿了XML中的自闭合标签,后来到HTML5标准里舍弃了这一没有意义的规定. 在HTML5中 ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
【CSS进阶】伪元素的妙用--单标签之美
正文从这里开始,本文主要讲述一下伪元素 before 和 after 各种妙用. :before和::before的区别在介绍具体用法之前,简单介绍下伪类和伪元素.伪类大家听的多了,伪元素可 ...

[css] 不用换行的标签，怎么伪元素实现换行的效果？

[css] 不用换行的标签，怎么伪元素实现换行的效果？

个人简介

主目录

[css] 不用换行的标签，怎么伪元素实现换行的效果？相关推荐

最新文章

热门文章