美工在设计网站时往往会把文字或者图片做居中处理,这里的居中有上下和左右;
常见的左右居中一般就是个 margin:0 auto;text-align: center;
这里要说的是上下居中,文字的上下居中常见的有 line-height: 等于父级的高度,文字就是出于居中的位置;
但是父级没有定高度,子集怎么居中呢, 这时候就要用到padding值了,设置一个相同值的padding-top和padding-bottom,这样不管你的子元素怎么写,它距离父级的上下距离都是相等的,也就能做到居中的效果了,
同理如果父级没有宽度居中 也可以用此方法。常见于nav;
那么问题来了,前端制作哪家强?