分享

块级元素内联元素

 融水公子 2018-08-30
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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多