前端开发基础：网页布局方法你知多少

　　这段时间，有很多小伙伴都紫爱文前端开发布局的方法有哪些？不知如何布局，今天南京学码思web培训机构就为大家分享一下关于前端开发布局的方法，前端开发有两种布局分别为多列布局还有居中布局，现在我们就一起来他们的详细布局方案！

　　居中布局

　　HTML代码

　　水平居中

　　在水平居中里，可以用5种布局方案。

　　1.inline-block+text-align

　　2.table+margin

　　3.absolute+transform

　　4.flex+justify-content/margin

　　5.flex+margin

　　垂直居中

　　在水平居中里，可以用5种布局方案。

　　1.table-cell+vertical-align

　　2.absolute+transform

　　3.flex+align-items

　　水平垂直居中

　　1.inline-block+text-align+table-cell+vertical-algin

　　2.absolute+transform

　　3.flex+justify-content+align-items

　　多列布局

　　自适应布局

　　1.定宽+自适应

　　1.float+margin

　　2.float+overflow BFC

　　3.table

　　4.flex

　　5.三列:两列定宽+一列自适应

　　2.不定宽+自适应

　　1.float+overflow:hidden BFC

　　2.table

　　3.flex

　　4.三列

　　等宽布局

　　1.float

　　2.table

　　3.flex

　　等高布局

　　这次前端开发的两种布局方法，就为大家介绍到这里了，当然如果您对前端开发还有什么疑问，或者是想对前端开发有更多的了解，欢迎和我们南京学码思web培训机构老师交流沟通一下！