前端学习之块元素，行内元素，行内块元素之间的转换

<!doctype html>

<html>

   <head>

       <meta charset="GBK"/>

       <title> 选择器</title>

       <style>

           /* 元素之间转换,转换为新的元素之后就会拥有新的元素的性质

           */

           div,p{

               /* 块元素转为行内元素 */

               display: inline;

               /* 行内元素转为块元素 */

               display: block;

               /* 块元素和行内元素转换为行内块元素 */

               display: inline-block;

               width: 100px;

           }

       </style>

   </head>

   <body> 

 <div>大吉大利</div>

 <p>标签选择器</p>

 <p>标签选择器</p>

   </body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容