css 日记

1.怎么让div 里的div水平排列 （之前都是竖着一排）

解决方案，给父元素设置 display: flex;  

display: flex;
或者在子元素
display: inline-block;

 2.让div中的文字水平居中 垂直居中

div中的文字水平居中：text-align:center；即可。
div中的文字垂直居中：line-height:值。值等于div的高度。
 
text-indent:2em;//首航缩进2字符

3.实现文字后面后颜色其他没有背景颜色

 

 margin: 0 auto;

4.将文字显示在图片上  用绝对定位  例：

 

 

 position: absolute;
  top: 5px;
  left: 55px;

5. margin 是距离父容器的距离

margin:5px 10px 20px 30px
距离上-右-下-左边的距离
margin-left
margin-right
margin-top
margin-bottom

6.font 指定文本样式

text-aline :center  文本水平居中
color :   指定文本颜色
font-size  指定文本大小 
font-style  指定文本样式

 7.把div变成平行四边形

.active {
  background-color: #69D7EC;
  color: white;
}

     @click="conversion(item.index);push(item.url)"
                    :class="activeNum === item.index ? 'active':''"

 activeNum:1

conversion(val){
      this.activeNum = val
    },

 8.flex 弹性布局 相关内容

https://blog.csdn.net/qq_44329870/article/details/109832392

9.div 圆角

border-radius：5px