内联元素和块级元素的如何相互转换_html/css_WEB-ITnose

内联元素和块级元素的如何相互转换:

内联元素和块级元素之间可以相互转换，下面就简单介绍一下转换方法。

一.内联元素转换为块级元素:

让内联元素产生浮动或者将它的display属性值设置为block即可。例如:

      蚂蚁部落    .myfloat{   width:200px;   height:200px;   border:1px solid red;   float:right; } .mydisplay{   width:200px;   height:200px;   border:1px solid green;   display:block; }          我将要浮动     我将要添加display属性      

可以看到span已经被转换为块级元素，因为块级元素才可以设置宽度和高度。

块级元素转换为内联元素:

将块级元素的display属性值设置为inline即可。

      蚂蚁部落    .mytest{   width:200px;   height:200px;   border:1px solid red;   display:inline; }         
我将要浮动

      
查看更多关于内联元素和块级元素的如何相互转换_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108833