关于居中对齐,之前有纪录了相对定位、display: inline-block、margin-top和table-cell的几种对齐体例,还能够用相对定位和transform,以下图:
这个是不需求活动的宽度和高度,设置translate成50%就能够了,它的偏移是按照元素的宽高的50%。
假定只是需求挪动端行使,用flex布局也很不错,以下图:
不外应用于PC端就要思考兼容性的成就了。
记了这么一些关于垂直居中的,关于水平居中,行内元素歧span的要设置水平居中,需求在它的父元素设置text-align:center;
块状元素需求离散是断定宽度和不断定宽度;断定宽度的块状元素需求设置margin:0 auto; margin的凹凸能够按自己需求设置。不断定宽度的块状元素,
做网站公司,歧div,能够用table,把div放进table的td里面,将table设置margin: 0 auto ;
也许采用其余一办法,将不断定宽度的块状元素div设置display: inline; 窜改范例,然后它的父级元素设置text-align:center;用来完成想要的效果。