php div行内块元素,html中的行内元素和块级元素小结

一.首先我们总结下行内元素和块级元素有哪些：

行内元素：

标签可定义锚

表示一个缩写形式

定义只取首字母缩写

字体加粗

可覆盖默认的文本方向

大号字体加粗

换行

引用进行定义

定义计算机代码文本

定义一个定义项目

定义为强调的内容

斜体文本效果

向网页中嵌入一幅图像

输入框

定义键盘文本

标签为

元素定义标注(标记)

定义短的引用

定义样本文本

创建单选或多选菜单

呈现小号字体效果

组合文档中的行内元素

语气更强的强调的内容

_{定义下标文本}

^{定义上标文本}

多行的文本输入控件

打字机或者等宽的文本效果

定义变量

块级元素：

定义地址定义表格标题定义列表中定义条目

定义文档中的分区或节

定义列表中的项目定义一个框架集创建 HTML 表单

定义最大的标题

定义副标题

定义标题

定义标题

定义标题

定义最小的标题

---

创建一条水平线

元素为

元素定义标题标签定义列表项目

为那些不支持框架的浏览器显示文本，于 frameset 元素内部

定义在脚本未被执行时的替代内容

1. 定义有序列表

• 定义无序列表

标签定义段落

定义预格式化的文本

标签定义表格的表头定义表格中的行

二.然后我们再来看看行内元素和块级元素的区别：

1.行内元素与块级元素直观上的区别

行内元素会在一条直线上排列，都是同一行的，水平方向排列

块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。

2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

3.行内元素与块级元素属性的不同，主要是盒模型属性上

行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效

三.行内元素和块级元素的转化：

把块级元素转换成行内元素：display:inline;

将行内元素转换成块级元素:display:block;

行内块元素：display:inline-block;