CSS内嵌元素和块元素的区别
发布网友
发布时间：2022-04-06 10:38
共2个回答
热心网友
时间：2022-04-06 12:07
1 css中块元素和行内元素的区别 ：行内元素会再一条直线上，是在同一水平线布局的 ； 块级元素各占一行，是垂直方向布局的。
2 第一步把概念说了一下，下面以实际的例子来看行内元素和块元素的区别：
<a>标签是一个行内元素 <p>是一个块元素。从下面的代码中可以看出，
两个<a></a>标签里面的内容明显是没有填满这一行的，所有就紧挨着显示。
<p>标签里面的内容也没有填满整行，但是<p>标签里面的内容却独占一行。
意思就是说：快不管元素里面的内容是什么，他都是独自占一行的。
3 下面是实例的代码，可以复制直接运行就看出效果了：
<!DOCTYPE HTML>
<html>
<body>
<a>123455</a>
<a>789</a>
<p>58962</p>
<a>34567</a>
</body>
</html>
4 块元素和行内元素是可以相互转换的。
热心网友
时间：2022-04-06 13:25
块级元素 用来搭建网站架构、布局、承载内容，如：div、ul、li、dl、dt、dd、h1-h6、p、address……
内联元素 用在文本之中的某一行的修饰，如：a、span、strong、sub、sup、img……
· 块级元素是盒子，盒子是有宽高的，即不管里面有多少东西，外部就可以设置其宽高。
内联元素是袋子，其宽高由里面的东西撑起来的。
· 块级元素和内嵌元素之间互相转换，转换的代码如下：
display:block; /* 转成块元素 */
display:inline; /* 转成内嵌元素 */
