欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

线性元素和块级元素的区别是什么?

程序员文章站 2022-05-26 14:50:25
线性元素和块级元素是有本质区别的,顾名思义,线性元素就像一条直线他是没有空间的没有高宽的。然和块级元素他是有宽高的是一个空间。也可以理解成一个盒子像
就是一个盒子,你想要把他变成多大的盒子,取决于你在里面放了多少东西。段落标签

也是一个盒子。他虽然是段落听起来似乎和线性元素很相似,但其实 ......

线性元素和块级元素是有本质区别的,顾名思义,线性元素就像一条直线他是没有空间的没有高宽的。然和块级元素他是有宽高的是一个空间。也可以理解成一个盒子像<div>就是一个盒子,你想要把他变成多大的盒子,取决于你在里面放了多少东西。段落标签<p>也是一个盒子。他虽然是段落听起来似乎和线性元素很相似,但其实他是一个块级元素。那么<a>元素是不是块级元素呢?答案是no!但它可以转换成块级元素!线性元素和块级元素的区别到底在哪里呢,线性元素不可以设置宽高,或者说设置了浏览器也不会显示出来,但是块级元素就可以,你可以直接给它一个命名。但线性元素你要么在块级元素下面来定义块级元素,给他宽高。或者就是用 display:block 元素属性把它转换成块级元素。就可以定义宽高了。那么这个说了一大半天感觉好麻烦呀。感觉也没听懂个什么,没关系。你只需要知道线性元素是你即便设置了宽高但是浏览器也不会识别出来,而块级元素可以。最简便的方法就是设置一个宽高价格背景颜色,如果背景颜色和内容紧贴在一起就是线性元素,如果和你的宽高一样就是块级元素!