CSS布局

作者: sean_lau | 来源:发表于2019-07-09 17:26 被阅读0次
1.左右布局

html:

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

html:

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

html:

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

html:


4.1.png

css:


4.2.png
output:
4.3.png

详情请点击
http://js.jirengu.com/hiwin/2/edit?html,css,output

5.其他小技巧

搜索:关键词 MDN
搜索:关键词 CSDN
搜索:CSS Tricks
搜索::阮一峰 css
搜索:张鑫旭的 240 多篇 CSS 博客

相关文章

网友评论

      本文标题:CSS布局

      本文链接:https://www.haomeiwen.com/subject/dxdfkctx.html