当前位置: 代码迷 >> HTML/CSS >> display:inline;有关问题
  详细解决方案

display:inline;有关问题

热度:873   发布时间:2012-02-10 21:27:42.0
display:inline;问题
display:inline;有什么用呢?


<ul   id= "skip ">
<li> <a   href= "#main "> Skip   to   main   content </a> </li>
<li> <a   href= "#content-secondary "> Skip   to   secondary   content   (sidebar) </a> </li>
</ul>

#skip   {
margin:0   0   5px;
padding:0   1em;
list-style:none;
background:#f1efe7;
}
#skip   li   {
display:inline;
margin:0   1em   0   0;
padding:0;
font-size:0.94em;
line-height:2.5;
}

------解决方案--------------------
display:inline就是将元素显示为行内元素.
例如一个 <div> test </div> <div> test </div> 默认会占2行,如果设置display:inline;,就会在一行内显示
  相关解决方案