块级元素和行级元素

块级元素和行级元素

值 描述
none 此元素不会被显示。
block 此元素将显示为块级元素,此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示。



1. 如何让span的 margin 属性生效

     因为span默认是行属性,而div默认是块属性,把span强制设为块属性就可以了。
把这段
span{
margin-left:25px;
margin-top:200px;
}
改为
span{
margin-left:25px;
margin-top:200px;
display:block;
}

2. 多个div 在一行显示

      .lineDiv{
 
   display:inline-block;
  
      }

你可能感兴趣的:(元素)