线性元素和块级元素的区别是什么?
html吧
全部回复
仅看楼主
level 3
女媴邦 楼主
线性元素和块级元素是有本质区别的,顾名思义,线性元素就像一条直线他是没有空间的没有高宽的。然和块级元素他是有宽高的是一个空间。也可以理解成一个盒子像<div>就是一个盒子,你想要把他变成多大的盒子,取决于你在里面放了多少东西。段落标签<p>也是一个盒子。他虽然是段落听起来似乎和线性元素很相似,但其实他是一个块级元素。那么<a>元素是不是块级元素呢?答案是No!但它可以转换成块级元素!线性元素和块级元素的区别到底在哪里呢,线性元素不可以设置宽高,或者说设置了浏览器也不会显示出来,但是块级元素就可以,你可以直接给它一个命名。但线性元素你要么在块级元素下面来定义块级元素,给他宽高。或者就是用 display:block 元素属性把它转换成块级元素。就可以定义宽高了。那么这个说了一大半天感觉好麻烦呀。感觉也没听懂个什么,没关系。你只需要知道线性元素是你即便设置了宽高但是浏览器也不会识别出来,而块级元素可以。最简便的方法就是设置一个宽高价格背景颜色,如果背景颜色和内容紧贴在一起就是线性元素,如果和你的宽高一样就是块级元素!
2019年07月10日 07点07分 1
level 5
我寻思着那不叫行内元素么,
2019年07月10日 12点07分 2
对,行内元素。我当时学的时候老师就告诉我线性元素,这样比较直观的理解。但是后面我发现大家都叫行内元素,所以标题忘记改过来了[黑线]
2019年07月12日 09点07分
level 5
display:inline-block是什么玩意。。。
2019年07月14日 03点07分 3
display:inline; 内联元素,简单来说就是在同一行显示。 display:block; 块级元素,简单来说就是就是有换行,会换到第二行。 display:inline-block; 就是在同一行内的块级元素。
2019年07月17日 06点07分
1