css布局基础

左右布局:
利用 float 属性产生脱离文档流的布局现象,其left属性值使该区域向父级标签区域的左侧边界放置,right属性值使该区域块向父级标签的右侧边界放置,利用该属性可以实现左右布局。
左中右布局:
利用 左边 position: absolute ; left: 0px;中间设置为 position: absolute ; left: 40%; 右边设置为 position: absolute ; left: 0px; 来进行左中右布局
水平局中:
在css中添加text-align:center即可
垂直居中:
使用 position:absolute ,设置left、top、margin-left、margin-top的属性

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,715评论 0 8
  • 1:盒子模型2:CSS定位与居中问题3:CSS浮动 盒子模型 div盒子模型 margin 外边距的合并 上述代码...
    憨憨二师兄阅读 452评论 0 0
  • 本文档回顾了在工作中常会用到的html/css的布局基础,由于很多坑只有在实际中踩到才会去总结,因此,本文也会不定...
    你的肖同学阅读 414评论 0 1
  • CSS 布局模型 CSS 包含 3 种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页...
    躲在靴子里的猫阅读 294评论 0 4