资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

css中块级元素和行内元素的区别是什么?-创新互联

块级元素和行内元素的区别是什么?针对这个问题,今天小编总结这篇有关块级元素和行内元素的文章,希望能帮助更多想解决这个问题的朋友找到更加简单易行的办法。

成都创新互联公司长期为1000+客户提供的网站建设服务,团队从业经验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;

看完上述内容,你们对块级元素和行内元素的区别大概了解了吗?如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前题目:css中块级元素和行内元素的区别是什么?-创新互联
分享路径:http://cdkjz.cn/article/cedhsh.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220