这篇文章主要介绍css中标签三种显示模式转换display的示例分析，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

　　标签显示模式转换display

　　块转行内 display:inline;

　　行内转块 display:block;

　　块，行内转行内块 display:inline-block;

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><style>span{display:block;width:100px;height:200px;background-color:#008000;}div{display:inline;background-color:#FF0000;}a{display:inline-block;width:200px;height:100px;background-color:#0000FF;}</style></head><body><span>我是行内元素</span><span>我是行内元素</span><div>我是块元素</div><div>我是块元素</div><ahref="">百度</a><ahref="">新浪</a></body></html>

以上是“css中标签三种显示模式转换display的示例分析”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！