css的几个小技巧

本文收录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
}

 持续更新中...

猜你喜欢

转载自www.cnblogs.com/zzliu/p/10462497.html