博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS系列:CSS中盒子之间的关系
阅读量:5912 次
发布时间:2019-06-19

本文共 373 字,大约阅读时间需要 1 分钟。

1. 标准文档流

  标准文档流是值在不使用其他的雨排列和定位相关的特殊CSS规则时,各种元素的排列规则。

1.1 块级元素(block level)

  块级元素不会排在同一行中,总是以一个块的形式表现出来,并且跟同级的块级元素依次竖直排列,左右撑满。

1.2 行内元素(inline)

  行内元素本身不占用独立的区域,只在其他元素的基础上指出一定的范围。

  行内元素在DOM树中同样是一个节点,从DOM的角度来看,块级元素与行内元素没有区别,都是树上的一个节点;而从CSS的角度来看,二者区别在于块级元素拥有自己的区域,行内元素则没有。

  div是一个块级元素,它包围的元素会自动换行。span是一个行内元素,在它的前后不会换行。

2. 盒子在标准文档流中的定位原则

  行内元素之间的水平margin,块级元素之间的数值margin。

转载地址:http://nbmpx.baihongyu.com/

你可能感兴趣的文章
springboot Environment注入异常
查看>>
引入stylelint对CSS/Sass做代码审查
查看>>
半步踏入专业的大门(逃
查看>>
基于EF6的快速开发Web框架——Swift.Net
查看>>
charles使用
查看>>
ES6 函数默认参数、TDZ以及Firefox 50.x 版本的实现
查看>>
微服务落地,我们在考虑什么?\n
查看>>
解决C# 7.2中的结构体性能问题
查看>>
PWA即将推向所有Chrome平台
查看>>
Oracle提议将G1作为Java 9的默认垃圾收集器
查看>>
Raffi Krikorian 为“在运行中进行架构重写”提供了指南
查看>>
理解BERT Transformer:Attention is not all you need!
查看>>
蚂蚁金服开源服务注册中心 SOFARegistry
查看>>
《敏捷时代》作者访谈录
查看>>
云监控状态调查:公有云和混合云的监控成熟度落后于传统数据中心
查看>>
全球区块链支出加速增长,2019年预计将接近29亿美元
查看>>
Facebook开源其Java竞争条件检测工具RacerD
查看>>
golang json 解析器哪家强?
查看>>
一文盘点MWC 2019所有5G设备和研发进展
查看>>
Ooui:在浏览器中运行.NET应用
查看>>