块元素和内联元素的特点和区别 |
您所在的位置：网站首页 › 块元素和内联元素区别 › 块元素和内联元素的特点和区别 |
|
块级元素的特点： 1.占一整行。 2.是一个矩形。 3.可定义宽度和高度，内边距，外边距等。 4.其display属性默认为block。 内联元素的特点：1.并不占一整行，可并排。 2.依附于其他块级元素存在，如果只有内联元素，则依附body存在,body也是块级元素。 3.宽，高，内边距，外边距无效。 4.其display属性默认为inline。 （img是替换内联元素 replaced inline element，属于inline element类目。图片有宽高但是并不占一行！） 1 块级元素与内联元素之间的转化 根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值。 1.内联==>块级 css中：span{display:block},这样span这个内联元素转变为块级元素，拥有块级元素的特点（前面有介绍）。 2.块级==>内联 css中：div{display:inline},这样div这个块级元素转变为内联元素，拥有内联元素的特点（前面有介绍）,不过这样做没有意义，也不合规范。 3.特殊属性：css中：a{display:inline-block}。（适用范围有限，后续更新） 使元素既有内联元素的部分特点（并排在一行，依附于块级元素），又有块级元素的部分特点（有宽高边距），总体来说就是内联块。 css中：a{display:inline-block;*display:inline;*zoom:1;}(ie，切记！)如有侵权，请联系！ |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
| CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |