前端css基础知识点之after,before,overflow,vertical-align

after,before

.box:before {
    
    
/* 
before: 在box内部的前面
after: 在box内部的最后
*/
content: '456';
display: block;
background-color: blue;
width: 60px;
height: 40px;
}

overflow

overflow: hidden;
/* 让溢出的内容隐藏*/
overflow: scroll;
/* 滚动 显示滚动条 内容溢出可以使用滚动条*/
overflow: auto;
/*内容溢出则显示滚动条 不溢出不显示滚动条*/

vertical-align

vertical-align: baseline;
vertical-align: middle;
vertical-align: top;
vertical-align: bottom;
/*
文字与图片垂直方向的对齐方式
图片与图片垂直方向的对齐方式
*/