首页 > 编程开发 > HTML/html5    日期:2019-11-10 / 来自互联网 / 浏览

display属性为block的元素为块级元素。通常块级元素在很多浏览器中,都是显示占据一行,并且排斥其他元素和其他元素在同一行,在浏览器中,块元素出现的形状是矩形,并且盛放其他元素。

根据W3C上的解释,就是说block(块级)元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中(除非脱离了文档流)。其实,通俗点来说,就是块元素(block element)一般是其他元素的容器元素,能容纳其他块元素或内联元素。

css块级元素的三个特点:

1、每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。

2、元素的高度、宽度、行高和顶底边距都是可以设置的。  

3、元素的宽度如果不设置的话,默认为父元素的宽度。

块级元素一般作为容器出现,用来组织结构,但并不全是如此。有些块级元素,如<form>只能包含块级元素。其他的块级元素则可以包含行级元素,如<P>;也有一些则既可以包含块级,也可以包含行级元素。

DIV 是最常用的块级元素,元素样式的display:block都是块级元素。它们总是以一个块的形式表现出来,并且跟同级的兄弟块依次竖直排列,左右撑满。

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章

1 2 3 4 5