布局方式

1.标准流排版方式

    标准流也称普通流、文档流,该方式时默认排版方式,块级元素垂直排版,行内元素是行内或者行内块级则水平排版

    标准流中,内容的高度可以撑起元素的高度

2.浮动流排版方式

    *一种脱离半标准流的的排版方式

    *只有水平排版方式,元素的左对齐或者右对齐

    *浮动流没有居中对齐,也就是没有center取值

    *float是不能使用margin:0 auto来让元素居中的

   * 浮动流中,浮动元素的高度不能撑起父元素的高度

垂直方向可以用标准流,水平方向可以利用浮动排版,从而完成网页的排版,这是比较古老的一种排版方式

3.定位流排版方式

4.flex排版

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,827评论 1 92
  • 1.什么是网页的布局方式? 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的,有三种:1.标准流(又叫...
    叶子扬阅读 847评论 0 1
  • # 网页的布局方式(标准流/浮动流/定位流) # 浮动元素的脱标 # 浮动元素排列规则 # 贴靠现象 # 清除浮动...
    KsKison阅读 1,634评论 0 1
  • 网页端的布局方式比起iOS客户端比较灵活,iOS从最初的绝对定位,逐步发展到现在的autolayout,可以通过约...
    鸿雁长飞光不度阅读 365评论 0 0
  • 忧伤 像细细流淌的溪水 萦绕心间 忧愁 像缠绵的菟丝草 爬满眉梢 我的心 似碎裂如丝网的玻璃 一缕细微的风经过 碎...
    爱宝丫阅读 308评论 0 1