十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
块级元素和行内元素的区别是什么?针对这个问题,今天小编总结这篇有关块级元素和行内元素的文章,希望能帮助更多想解决这个问题的朋友找到更加简单易行的办法。
创新互联是网站建设技术企业,为成都企业提供专业的网站制作、成都网站制作,网站设计,网站制作,网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制适合企业的网站。10年品质,值得信赖!
块级元素
1、总是从新行开始
2、高度、行高、外边距以及内边距都可以控制
3、宽度默认是浏览器的100%
4、可以容纳内联元素以及其他块元素
行内元素
1、和相邻元素在一行上
2、高、宽无效,但是水平方向的padding和margin可以设置,垂直方向无效
3、默认宽度就是它本身内容的宽度
4、行内元素只能容纳文本或其他行内元素(a除外)
注意:
1、只有文字才能组成段落,因此p里面不能放置块级元素,同理还有这些标签h2-h7,dt等,它们都是文字块级标签,里面不能放置其他块级元素
2、链接里面不能再放置链接
块级元素和行内元素的区别
块级元素的特点:
1、总是从新行开始
2、高度、行高、外边距以及内边距都可以控制
3、宽度默认是浏览器的100%
4、可以容纳内联元素以及其他块元素
行内元素的特点:
1、和相邻行内元素在一行上
2、高、宽无效,但是水平方向的padding和margin可以设置,垂直方向无效
3、默认宽度就是它本身内容的宽度
4、行内元素只能容纳文本或其他行内元素(a除外)
行内块标签 inline-block
在行内元素中有几个特殊的标签--、、
特点:
1、和相邻行内元素(行内部)在一行上,但是之间会有空白间隙;
2、默认宽度是它本身内容的宽度
3、高度、行高、外边距以及内边距都可以控制
标签显示模式转换 display
块转行内:display:inline;
行内转块:display:block;
块、行内元素转换为行内块:display:inline-block;
看完上述内容,你们对块级元素和行内元素的区别大概了解了吗?如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!