美文网首页
布局方式

布局方式

作者: shoage | 来源:发表于2019-02-17 18:27 被阅读1次

1.标准流排版方式

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

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

2.浮动流排版方式

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

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

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

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

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

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

3.定位流排版方式

4.flex排版

相关文章

  • css中常见的布局方式

    三栏布局 三栏布局是页面中比较常见的布局方式,也有好几种实现方式,分别是flex布局,grid布局,float布局...

  • AutoLayout学习

    iOS布局方式的演变 使用Rect的frame布局方式 autoresizingMask方式 AutoLayout...

  • 【方案】圣杯布局&双飞翼布局

    背景 随着前端技术的发展推进,web端的布局方式已基本成熟,那么在网站布局方式中,三列布局最为常用,布局方式也有很...

  • 2020-02-03

    六、栅格布局方式Grid 众人云,Grid布局是CSS中最强的布局方式。Grid 布局与 Flex 布局有一定的相...

  • android第四课。

    今天学习了两种布局方式。一种是线性布局,另一种是相对布局。 线性布局: 相对布局: 相对布局 图标要选择对齐方式

  • HTML布局

    1.基础 1.1布局方式 布局方式解释自然布局无任何修饰,自动向左响应布局流动布局,采用浮动方法定位布局相对于di...

  • Java图形化:布局方式

    布局方式 FlowLayout:流布局 BorderLayout:边框布局 GridLayout:网格布局 Flo...

  • 布局方式

    绝对布局:frame 相对布局: 1、Autoresizing(启用的方式,局限性大) 2、Auto layout...

  • 布局方式

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

  • HTML布局问题

    1:html中常见的有3种布局方式: 1:文档流布局(电脑默认的布局方式) 2:浮动布局 3:定位 文档流布...

网友评论

      本文标题:布局方式

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