CSS常见布局结构

1.左右布局


2.左中右布局


3.水平居中



4.垂直居中



5.其他小技巧

(1)一般子元素用了绝对定位，父元素都要用相对定位

(2)使用了行内块，元素都会内缩

(3)display: inline-block后,一般都要加vertical-align:top 防止下面出现间隙

(4)box-sizing: border-box;宽度会把border还有padding这些算入width里面

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • Css 布局 -
    1. 前言 前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在...
    YjWorld阅读 4,874评论 5赞 15
  • CSS布局解决方案（终结版）
    CSS布局解决方案（终结版） 前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又...
    杀个程序猿祭天阅读 631评论 0赞 2
  • CSS布局解决方案（终结版）
    前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布...
    一个敲代码的前端妹子阅读 874评论 0赞 12
  • css布局总结
    居中布局 水平居中 1）使用inline-block+text-align（1）原理、用法 原理：先将子框由块级元...
    littlesiqi阅读 298评论 0赞 0
  • CSS布局
    CSS布局 盒模型(框模型) CSS有一些表现不用的框类型分别为box和line-box, 可以通过设置displ...
    YjjTT阅读 980评论 0赞 0

友情链接更多精彩内容