常用的块级元素(block)、行内元素(inline)以及行内块元素(inline-block)的解析
来源:互联网 发布:传奇数据库添加物品 编辑:程序博客网 时间:2024/06/09 18:45
一.块级元素:
不废话,直接上图(div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header、section、aside、footer等)
从浏览器的显示结果可以看出,块级元素新开启一行(即使是设置了width属性也是独占一行)、尽可能撑满父级元素的宽度,可以设置width和height属性;table元素浏览器默认的display属性为table。
二.行内元素
也直接上图(span、img、a、lable、input、abbr(缩写)、em(强调)、big、cite(引用)、i(斜体)、q(短引用)、textarea、select、small、sub、sup,strong、u(下划线)、button(默认display:inline-block))
从浏览器的显示结果可以看出,相邻的行内元素不换行,宽度即为内容的宽度、padding的4个方向都有效(从span标签可以看出)、margin只有水平方向有效、不可以设置width和height属性。行内块元素表现其实和行内元素一样,只是其可以设置width和height属性。
阅读全文
0 0
- 常用的块级元素(block)、行内元素(inline)以及行内块元素(inline-block)的解析
- CSS中的块级元素(block)与行内元素(inline)
- 块元素block与内嵌元素inline的基本特征
- block(块级元素)和 inline(内联元素) 的区别
- block(块级元素)和 inline(内联元素) 的区别
- 把行内(inline)元素放到块(block)元素中
- block(块元素)默认width:fill_parent, inline(行内元素)
- html的块级block、内联inline、内联块级inline-block元素基础
- 行内元素,块级元素,替换元素和inline-block
- HTML中的块元素(block)、内联元素(inline)的差别
- 块元素、内联元素、inline-block的特点
- block(块元素)、block(块元素)、inline(内联元素)的差别是什么?inline(内联元素)的差别是什么?
- 干掉行内元素(inline-block)间的空格
- block元素和inline元素的区别
- CSS文档流与块级元素(block)、内联元素(inline)
- CSS文档流与块级元素(block)、内联元素(inline)
- CSS文档流与块级元素(block)、内联元素(inline)
- block(块元素)、inline(内联元素)
- Visual Tracker Benchmark简易教程
- word插入分隔符的方法
- window中查找端口并关闭
- 嵌入式软件与非嵌入式软件、设备驱动与裸机驱动开发区别
- 设置模拟器连网
- 常用的块级元素(block)、行内元素(inline)以及行内块元素(inline-block)的解析
- 在win7下python的xlrd和xlwt的安装
- java.lang.IllegalStateException
- 省市区三级联动
- Linux中制作静态库的命令
- caffe mobile编译运行
- 数人云|9大开源工具,助你迈向崛起的云原生之路
- 高性能IO设计模式之阻塞/非阻塞,同步/异步解析
- 现代OpenGL+Qt学习笔记之七:Phong光照及在GLSL中使用函数