1块元素(例如div)在没有任何布局属性作用时,默认排列方式是换行排列; 2它不论大小默认占一行,而且可以设置宽高以及外边距 3内联元素(例如span、a)在没有任何布局属性作用时, 默认排列方式是在同行排列,直到宽度超出包含它的容器宽度时才自动换行。 4内联元素是不可以设置高度与宽度的.. 5div是块级元素, 6span是行内元素,它占它自身大小的位置,而且不能设置宽高以及边距 内联元素-->块级元素 其实当内联元素通过display:block;声明后它也可以转换为块元素! 这个经常用于当你一个块中放一张图片,要让图片水平居中的时候 (示例:<img src="logo.gif" style="display:block;margin:0 auto;" />) 块元素是可以转换成内联元素的,只是转换的时候,高度和宽度不起作用了.. (div display:inline) 这样div将变为行内元素 要想实现既可以设置宽高,边距,又可以不占一行,则display:inline-block 比如span, a等标签无法指定宽度和高度,想要指定它们的高度和宽度需要对它们进行块化 也就是说span{display:block;} 分享知识,分享快乐!希望中国站在编程之巅! ----融水公子 公众微信号:rsgz520 360图书馆馆号:rsgz002.360doc.com |
|