Display属性~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术::DW html和css
作者:赵纯雨
年级:18级(5)班
撰写日期:2019年1月29日
Dsplay在html的元素中分为块级元素和行内元素两大部分,块级元素默认占据一行允许通过
CSS设置宽度和高度。例如
- 元素,行内元素不会占据一行,默认允许在一行中可以放置多个元素。即使通过CSS设置宽度和高度也不会的作用。例如:。源代码图如下:
display的三个属性值:block 块级元素,inline 行内元素,none 隐藏元素 inline -block 行内块级元素 是(用于设置目标属性隐藏,隐藏之后, 其占用的页面空间也会释放)。
块级元素的Dsplay属性值默认为block,行内元素的display属性默认值为inline 。我们可以通过设置Dsplay属性值去改变块级元素和行内元素。Css样式如下:
效果如上:
- 元素,行内元素不会占据一行,默认允许在一行中可以放置多个元素。即使通过CSS设置宽度和高度也不会的作用。例如:。源代码图如下:
display的三个属性值:block 块级元素,inline 行内元素,none 隐藏元素 inline -block 行内块级元素 是(用于设置目标属性隐藏,隐藏之后, 其占用的页面空间也会释放)。
块级元素的Dsplay属性值默认为block,行内元素的display属性默认值为inline 。我们可以通过设置Dsplay属性值去改变块级元素和行内元素。Css样式如下:
效果如上: