关于伪类：after和content的实际应用

1.可以用于解决浮动以及div包裹塌陷的问题*/

.fix:after{display:block;content: "clear";clear:both;height: 0;overflow:hidden;visibility: hidden; }/*或者.fix{overflow:hidden;}(据说此方法有局限性，目前没有遇到过)*/

2.可以用于解决未知图片高度居中的问题

.fa_box{width: 300px;height:300px;font-size: 0;*font-size:200px;text-align: center} .fa_box img{vertical-align: middle;} .fa_box:after{display: inline-block;height: 100%;vertical-align: middle;content: "center";overflow: hidden;}

转载于:https://www.cnblogs.com/sisi2020/p/5431162.html

关于伪类：after和content的实际应用相关推荐

jq获取after和before伪类的content值
HTML: <p class="text" text-content-after="可以获取到after伪类的新增属性"> 需要添加的内容是: &l ...
:after伪类+content经典应用举例
:after伪类+content 清除浮动的影响 .box{padding:10px; background:gray;} .l{float:left;}<div class="box ...
[css] 为什么伪类的content不能被选中？
[css] 第432天为什么伪类的content不能被选中? 伪类不是真正的DOM,无DOM相关的属性和方法个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家 ...
:after伪类+content内容清除浮动
1.简单说说content内容生成 content内容生成就是通过content属性生成内容例如下面这个简单的例子: 此段样式的作用是在每个h2标签的前面添加文字"我是额外文字" ...
:after伪类 content内容生成经典应用举例——张鑫旭
一.简单说说content内容生成 content内容生成就是通过content属性生成内容,content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容. ...
html中after伪类原理,css :after伪类+content使用说明和方法
首先,这段代码中的content: ".";有什么用,解决了什么问题,为什么要用他? content属性用于定义元素之前或之后放置的生成内容.默认地,这往往是行内内容,不过该内容创 ...
记录CSS3 target伪类简介
CSS3 target伪类是众多实用的CSS3特性中的一个.它用来匹配文档(页面)的URI中某个标志符的目标元素.具体来说,URI中的标志符通常会包含一个"#"字符,然后后面带有一 ...
CSS复合选择器（后代选择器、子元素选择器、并集选择器、伪类选择器、:focus伪类选择器）
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的. 1. 后代选择器后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面,内层标签写在后面,中间 ...
css 选择器（标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器）
css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类标签选择器类选择器层级选择器(后代选择器) id选择器组选择器伪类选择器通配符选择器标 ...
CSS样式中伪类和伪类元素的区别（css中一个冒号和两个冒号的区别）
首先介绍下什么是伪类,所谓伪类就是: 伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id.class.属性等静态的标志.由于状态是动态变化的,所以一个元素达到一个特 ...

关于伪类：after和content的实际应用

关于伪类：after和content的实际应用相关推荐

最新文章

热门文章