CSS中定位居中
咱就是说!牛逼啊这个定位,再也不能担心垂直居中的问题了。
绝对定位:position:absolute
偏移量(水平居中):left:50%;margin-left:-(自己宽度的一半)
偏移量(垂直居中):top:50%;margin-top:-(自己高度的一半)
但有的时候,像素大小不是合理,这时可以使用transform:translate(-50%,-50%)
为什么要学这个呢?因为之前都是使用inline-height:父元素的高度,但是由于每个标签的基线是不一样的比较难以控制,还要在被居中标签添加额外属性(vertical-align:middle)
行高居中,因为img的基线在底部,所以居中是这样,这算什么居中啊!
使用定位的居中方法:(父元素相对定位,子元素绝对定位,记住margin是负的)
从一个小白开始做起,努力做一个美国总统