在设计网页的时候，可能需要给不同的标签设置不同的显示模式。可以通过 display 实现。

1、块转行内：display:inline;

2、行内转块：display:block;

3、块、行内元素转换为行内块： display: inline-block;

知识点补充：css标签的显示模式

标签的显示模式

a、块级元素（最典型的是  div标签）

特点：

默认宽度  100%

可以容纳块级元素和内联元素

b、行内元素 （最典型的是  span标签）

   特点：

c、行内块元素（最典型的是 img标签）

！！！3种模式的标签是可以转换的

  display  （显示模型属性）

a、块级标签模式转换为行内标签模式

div{display：inline；}

b、 行内标签模式转换为块级标签模式

span{display：block；}

c、行内标签模式转换为行内块标签模式

a{display：inline-block；}

感谢各位的阅读！关于“CSS标签显示模式的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！