美文网首页
前端学习之块元素,行内元素,行内块元素之间的转换

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

作者: MissPSTime | 来源:发表于2019-01-30 15:43 被阅读0次

<!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>

相关文章

网友评论

      本文标题:前端学习之块元素,行内元素,行内块元素之间的转换

      本文链接:https://www.haomeiwen.com/subject/uurcsqtx.html