CSS中block和inline的区别
来源:互联网 发布:软件移植 电脑 编辑:程序博客网 时间:2024/05/07 11:17
总体概念
1、block 块级元素,独立一块,会换行
inline 内联元素,前后不会换行,一系列内联元素在一行显示,直到排满
2、常见的块级元素:div,p,table,h1~h6,ul,li,ol
常见的内联元素:span ,img ,input ,lable,select,a
3、block可以包含block,inline,inline只能包含inline.注:P元素只能包含inline不能包含block
细节对比
block:
1、默认情况下,block宽度会填满父容器的宽度。
2、block可以设置高宽。
3、block可以设置padding,margin
inline:
1、多个相邻的行内元素排在一行,直到一列排不下才会换行,其宽度随元素的内容而变化。
2、inline设置高宽无效。
3、inline元素水平方向的padding,margin产生边距效果,竖直方向不会产生边距效果。
inline-block
将对象呈现为inline对象,但是对象的内容作为bloack对象呈现。以后的内联对象会排列在同一行。
0 0
- CSS中block和inline的区别
- css中inline、block、inline-block的区别
- css中inline、block、inline-block的区别
- CSS中display:inline、block、inline-block的区别
- css的display样式中block,inline和inline-block的区别
- CSS中display属性:block、inline和inline-block的区别
- 【html+css】block和inline的区别
- CSS中block、inline和inline-block
- CSS学习笔记:inline和inline-block的区别
- block,inline和inline-block的区别
- 【css】block,inline和inline-block概念和区别
- CSS中block级和inline级对象区别
- css中display:inline,display:block;display:inline-block; 区别
- CSS中display:inline;display:block;display:inline-block; 区别
- 【CSS】inline和inline-block的间距
- display中block、inline、inlinke-block的区别和使用方法
- display中inline-block和block的区别
- CSS中display:inline | block |inline-block的详解区别(转)
- 信与信封问题(二分图完美匹配变式)
- NOIP 2008 火柴棍等式
- 作为资深“用户”,怎么“玩”一款App(YY党,勿喷)
- Eclipse中.setting目录下文件介绍
- Activity中隐藏title
- CSS中block和inline的区别
- NOIP2014生活大爆炸版石头剪子布【Pascal】
- hdu5969
- 数据挖掘笔记一(Intro)
- 不用拆迁
- 教你步步为营掌握自定义View
- Java程序员必须掌握的线程知识-Callable和Future
- Android内存优化--自定义Adapter复用View
- Effective Java 相关笔记