线性元素和块级元素的区别是什么?
程序员文章站
2022-12-22 13:32:55
线性元素和块级元素是有本质区别的,顾名思义,线性元素就像一条直线他是没有空间的没有高宽的。然和块级元素他是有宽高的是一个空间。也可以理解成一个盒子像
就是一个盒子,你想要把他变成多大的盒子,取决于你在里面放了多少东西。段落标签
也是一个盒子。他虽然是段落听起来似乎和线性元素很相似,但其实 ......
线性元素和块级元素是有本质区别的,顾名思义,线性元素就像一条直线他是没有空间的没有高宽的。然和块级元素他是有宽高的是一个空间。也可以理解成一个盒子像<div>就是一个盒子,你想要把他变成多大的盒子,取决于你在里面放了多少东西。段落标签<p>也是一个盒子。他虽然是段落听起来似乎和线性元素很相似,但其实他是一个块级元素。那么<a>元素是不是块级元素呢?答案是no!但它可以转换成块级元素!线性元素和块级元素的区别到底在哪里呢,线性元素不可以设置宽高,或者说设置了浏览器也不会显示出来,但是块级元素就可以,你可以直接给它一个命名。但线性元素你要么在块级元素下面来定义块级元素,给他宽高。或者就是用 display:block 元素属性把它转换成块级元素。就可以定义宽高了。那么这个说了一大半天感觉好麻烦呀。感觉也没听懂个什么,没关系。你只需要知道线性元素是你即便设置了宽高但是浏览器也不会识别出来,而块级元素可以。最简便的方法就是设置一个宽高价格背景颜色,如果背景颜色和内容紧贴在一起就是线性元素,如果和你的宽高一样就是块级元素!
推荐阅读
-
块级元素与内联元素的特性
-
$().click()和$().on(“click“, “要选择的元素“, function(){})的区别
-
一级域名和二级域名的区别是什么?
-
html标记中的和元素到底是行内元素还是块级元素?请告知!多谢了!_html/css_WEB-ITnose
-
HTML5的结构和语义——语义性的块级元素(三)
-
jquery中子元素和后代元素的区别示例介绍
-
html块级元素和行内元素_html/css_WEB-ITnose
-
块级元素、行内元素和行内块元素如何转换、有何特点
-
块级作用域和var,let,const的区别
-
移除行块级元素之间的空格(译文)_html/css_WEB-ITnose