块级元素与行内元素的区别
来源:互联网 发布:制作小游戏软件 编辑:程序博客网 时间:2024/04/30 14:39
1、块级元素的盒子会扩展到与父元素同宽:这就是为什么块级元素独占一行的原因了。
2、行内元素的盒子会收缩到包紧其内容:这也是为什么几个连续的行内元素会并排一行的原因。
3、块级元素可以设置 width、height,而行内元素不行,行内元素的宽高是根据其内容定的。
4、块级元素的margin 和 padding 设置没有问题,但是行内元素无法设置上下的 margin 和 padding。
注:这里要注意,虽然行内元素上下方向的边距对布局没有影响,但是如果设置了上下的 padding ,背景颜色会扩充到上下的内边距中。
5、对于 display: inline-block; 的元素,会像行内元素一样并排在一行,但是可以设置宽高和上下边距。
1 0
- 行内元素与块级元素的区别
- 行内元素与块级元素的区别
- 块级元素与行内元素的区别
- 块级元素与行内元素的区别
- 行内元素与块级元素的区别
- 行内元素与块级元素的区别
- 行内元素与块级元素的区别
- 行内元素与块级元素的区别
- 块级元素与行内元素的区别
- 块级元素与行内元素的区别
- 行内元素与块级元素的区别
- 块级元素与行内元素的区别
- 行内块元素/行内元素/块级元素的区别
- HTML中行内元素与块级元素的区别
- 行内元素与块级元素的区别,行内块级元素在IE8-的兼容性
- 行内元素与块级元素的区别,行内块级元素在IE8-的兼容性
- 行内元素与块元素的区别
- CSS中 行内元素 与块元素的区别?
- 没有为 COM 互操作注册程序集 请使用 regasm.exe /tlb 注册该程序集——解决办法
- 写在拓胜最后(大结局)
- 1013. 数素数 (20)
- OpenGL中ADS光照模型没有镜面光照效果
- Sunshine与linq扩展方法
- 块级元素与行内元素的区别
- Android开发之Intent.Action
- linux-写入溢出
- Android 中TransitionDrawable的使用
- Spring的applicationContext.xml文件
- Codeforces Round #242 (Div. 2)
- C++中类之间的关系
- 如何用ASP编写网站统计系统
- java api 全集 【API JDK1.6中文版】