1.左右布局
html:

css:

output:

详情请点击
http://js.jirengu.com/bemad/3/edit?html,css,output
2.左中右布局
html:

css:

output:

详情请点击
http://js.jirengu.com/hotaj/2/edit?html,css,output
3.水平居中
html:

css:

output:

详情请点击
http://js.jirengu.com/bemaj/3/edit?html,css,output
4.垂直居中
html:

css:

output:

详情请点击
http://js.jirengu.com/hiwin/2/edit?html,css,output
5.其他小技巧
搜索:关键词 MDN
搜索:关键词 CSDN
搜索:CSS Tricks
搜索::阮一峰 css
搜索:张鑫旭的 240 多篇 CSS 博客
网友评论