css display属性的定义是可以将页面元素隐藏或者显示出来,也可以将元素强制改成块级元素或内联元素,在页面布局和JavaScript特效中常常用到display属性。
css display属性中最常用的属性值有四个,分别是block、inline-block、inline和none。
其中block是设置元素为块状元素,如果不指定宽高,默认会继承父元素的宽度,并且独占一行,即使宽度有剩余也会独占一行,高度一般以子元素撑开的高度为准,当然也可以自己设置宽度和高度。
block元素的特点有:
1、总是在新行上开始;
2、高度,行高以及顶和底边距都可控制;
3、宽度缺省是它的容器的100%,除非设定一个宽度。
块元素特点:
1.独占一行
2.元素的宽高和内外边距都可以设置
3.宽度如果不设置就是父级元素的100%
常见的块元素有以下几种:p div table h2 h3 h4 h5 h6 h7 ul ol li
行内元素特点:
1.和其他元素可以在同一行
2.不能设置宽高,不能设置内外边距
3.宽度就是图片或文字的宽度,不可以改变
常见的行内元素有以下几种:span img br input
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。