css-布局

css基础的知识看完后,我们就要学习如何布局,这里详细的总结一下最近了解的布局方式。

一  单列水平居中

1.子元素为display:inline-block时,父元素只需设置text-align:center即可。



2,当子元素为块级元素,且有宽度width时,使用margin:0 auto;


3,采用绝对定位

二 两栏布局,采用一种最简单的,float+margin


三 两栏布局(比较简单的浮动方法)


四垂直居中

1.把文字包裹在一个inline-block元素中vertical-align middle,外部元素line-height等于高度height即可

2.采用绝对定位与相对定位



3.采用flex盒子布局,在父级元素上添加属性

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容