css的几个小技巧

Posted 2021-02-11 zzliu

本文收录css设置样式的一些小技巧

1. 设置文字在块级标签居中（包括水平居中和垂直居中）

水平居中

方法一：使用text-align

text-align:center

方法二：目标标签的父级标签设置position:relative，目标标签设置margin:auto

.parent {
        position: relative
}

.target {
        margin:auto
}

 

垂直居中

设置line-height与父级元素height相同

div {
    width:200px;  
    height:40px;
    line-height:40px
}

 持续更新中...