关于伪类：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