CSSHTML显示_布局属性节点动态java精修学校

1.html元素分类

HTML元素可以分为内联(内联)元素和块(块)元素。

内联元素(内联)

(1)元素的显示:文本模式

嵌入的元素也必须是内联元素:例如,它们不能嵌入相同的块级元素中。

(3)标签包括:,,等等;

块元素(块)

(1)元件的显示:每个元素占1行,这相当于一个换行符之前和之后。

嵌入的元素可以是内联的或块级的元素。

元素包括:~,等等;

2。html元素布局显示

默认显示(未添加宽度和高度属性)

(1)HTML元素在浏览器中显示的方式是从上到下,从左到右。

内联元素是根据浏览器的宽度和宽度的宽度填充的,如果剩余的空白区域不够,则会将其更改为下一行。

三.块级元素根据内联元素的显示显示近似区域。当浏览器的宽度减小时,块级元素的高度属性值将自动扩展,以适应嵌入式元素的显示。

显示页面


增加宽度属性的显示

块级元素(div)增加了宽度属性。


结论

当块级元素不设置宽度属性时,浏览器宽度的变化将压缩嵌入在元素中的块元素的排版。

2。当设置块级元素的宽度属性时,浏览器的宽度属性值不会影响块级元素中嵌入元素的布局。它们的嵌入元素受父级块元素的影响。

应用范围:导航栏(导航栏中有多个标签,可以放在div中,并将宽度属性添加到div中,以免缩小浏览器,导致导航排版混乱)。

CSS显示属性

主要价值

1)无:此元素不显示;

2)块:这个元素是显示在一个块级元素:与前、后线。内联元素RARR;块体单元

3)内联:这个元素的内联元素显示:1下1块元RARR;内联元素。

显示:块演示

反相输入端3设置为显示:块


显示:内联

Div被设置为显示:内联