行内元素与块级元素的区别
2016-07-15 13:39
323 查看
1 块级元素:div , p , form , ul, li , ol, dl, form, address, fieldset, hr, menu, table
2 行内元素:span, strong, em, br, img , input, label, select, textarea, cite,
块级元素会单独占一行,默认情况下,其宽度自动填满其父级元素宽度,但行内元素是不会单独占一行的,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度岁元素的内容而变化。
块级元素即便设置了宽度,仍是独占一行。块级元素可以设置margin和padding属性
行内元素的margin和padding属性,水平方向的能产生效果,但是竖直方向的却不会产生效果
通俗一点来说就是块元素不会以一行的形式呈现在文档流中,也就是说自动换行
块级元素就是说能在一行显示不进行自动换行的 能在一行内显示
2 行内元素:span, strong, em, br, img , input, label, select, textarea, cite,
块级元素会单独占一行,默认情况下,其宽度自动填满其父级元素宽度,但行内元素是不会单独占一行的,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度岁元素的内容而变化。
块级元素即便设置了宽度,仍是独占一行。块级元素可以设置margin和padding属性
行内元素的margin和padding属性,水平方向的能产生效果,但是竖直方向的却不会产生效果
通俗一点来说就是块元素不会以一行的形式呈现在文档流中,也就是说自动换行
块级元素就是说能在一行显示不进行自动换行的 能在一行内显示
相关文章推荐
- 程序员的样子
- iOS开发支付集成之微信支付
- Aizu/Aoj 0033 Ball
- OkHttp中get方式使用方法
- 常用excel函数语法及说明
- 创建 Web 前端开发环境
- 了解ANR
- 电子面单纸打印时固定高度18cm,到底是多少px
- CATransform3DIdentity
- BufferedWriter.write()与BufferedReader.readLine() (附带Java中的Runtime exec)
- ajax 无刷新分页
- jQuery.each的function中有哪些参数
- Web测试和App测试有什么区别
- 那些容易忽略的事4-(正则表达式反向引用\n)
- C语言文件的编译到执行的四个阶段
- HTTP请求错误码
- php为什么不能用empty($_POST)来判断是否有传值
- 源码-PL/SQL从入门到精通-第三章-变量和类型-Part 3(完)
- 未找到与约束 ContractName Microsoft.VisualStudio.Text.ITextBufferFactoryService RequiredTypeIdentity Microsoft.VisualStudio.Text.ITextBufferFactoryService
- 如何在Android中利用AIDL添加service