Open zonglang opened 5 years ago
思路：排列方式，盒模型，inline-block，布局，缺点 行内元素 默认宽度只与内容相关，水平方向排列 盒模型上，不能设置width、height（可以设置line-height）、上下margin无效 块级元素 默认宽度占父元素100%，垂直方向排列 块级元素可以包含文本，行内，块级元素；行内只能包含文本、行内元素 块级行内元素 既可以设置宽高，又有行内元素的不换行特性 vertical-align只对inline-block、inline元素有效 inline-block、inline元素间的空隙 => 空白符占据一定宽度 改变书写方式 => 并行写 改变字符大小 => 设置字体大小 改变元素间距 => 负margin，有兼容性问题 vertical-align 行内盒子没有内容，基线就是margin-bottom，有内容，基线就是文字的基线 设置vertical-align就不按基线对齐了，top是父元素的顶部，middle是父元素的中间 js bin、文章 可替换元素 展现效果不是由css来控制，外观渲染独立于css <iframe>、<img>、<video>
思路：排列方式，盒模型，inline-block，布局，缺点
<iframe>
<img>
<video>
块级元素和行内元素的区别