block inline 和inline-block 块级元素和内联元素
2015-07-25 00:00
519 查看
非常好的一篇文章
block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。
大体来说HTML元素各有其自身的布局级别(block元素还是inline元素):
常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。
常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。
block元素可以包含block元素和inline元素;但inline元素只能包含inline元素。要注意的是这个是个大概的说法,每个特定的元素能包含的元素也是特定的,所以具体到个别元素上,这条规律是不适用的。比如 P 元素,只能包含inline元素,而不能包含block元素。
一般来说,可以通过display:inline和display:block的设置,改变元素的布局级别。
block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。
大体来说HTML元素各有其自身的布局级别(block元素还是inline元素):
常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。
常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。
block元素可以包含block元素和inline元素;但inline元素只能包含inline元素。要注意的是这个是个大概的说法,每个特定的元素能包含的元素也是特定的,所以具体到个别元素上,这条规律是不适用的。比如 P 元素,只能包含inline元素,而不能包含block元素。
一般来说,可以通过display:inline和display:block的设置,改变元素的布局级别。
相关文章推荐
- 使用netty4.x 编写TCP服务器关于握手问题
- iOS开发拓展篇—静态库
- Git的使用
- 十七、C# 反射、特性和动态编程
- 数据库.插入语句
- Vmware qemu-kvm 虚拟化测试
- 减脂日记-01
- photoshop部分
- 全面解析《嵌入式程序员应该知道的16个问题》
- Vmware qemu-kvm 虚拟化测试 分类: Linux kvm 2015-07-24 23:58 173人阅读 评论(0) 收藏
- 嗨分享-前端技术-帝国CMS手机站修改列表分页(sysShowListMorePage)
- Phone List(trie树)
- spoj 104 Highways
- 小贝_mysql表优化
- 数论知识总结
- wait/waitpid函数使用
- 数据库.查询语句
- java 模拟浏览器登陆sina微博
- 把这40句话看懂了 你会想通很多事情(想不通的时候可以慢慢看。。。)
- hdu5247 找连续数 离线排序