被大部分浏览器兼容
display:block inline
display:block就是将元素显示为块级元素.
block元素的特点是：
总是在新行上开始；
高度，行高以及顶和底边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度
<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。
display:inline就是将元素显示为行内元素.
inline元素的特点是：
和其他元素都在一行上；
高，行高及顶和底边距不可改变；
宽度就是它的文字或图片的宽度，不可改变。
<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。
inline和block可以控制一个元素的行宽高等特性，需要切换的情况如下：
让一个inline元素从新行开始；
让块元素和其他元素保持在一行上；
控制inline元素的宽度（对导航条特别有用）；
控制inline元素的高度；
无须设定宽度即可为一个块元素设定与文字同宽的背景色。
 
 padding:0;
 margin:0;

<div class=inline>这样的话，元素可以顺序排列，而不会因回车出现空白。对图片尤其有用。</div>
.inline{
 display:inline;
}
而对<span>或<img>使用inline则没有用。
 
 
若同时应用多个class，后定义的优先（即近者优先），加上!important最优先！

• wolfshouting's blog
• 要发表评论，请先登录 或 注册