天叶部落

一个80后生人的闷骚生活

2009-7-28 by 叶梓display:inline-block

display:inline-block

如果是块对象，则在ie下失效，但是如果是内联对象，可对内联对象设置宽高。

两个内联对象

<style>
  .s{
    display:inline-block;
    width:120px;
    background-color:#006699;
    color:#FFF;
    font-weight:normal;
  }
  .d{
    display:inline-block;
    width:120px;
    background-color:#006666;
    color:#FFF;
  }
</style>
<span class="d">inline inline-block</span>
<strong class="s">inline inline-block</strong>

提示：您可以先修改部分代码再运行

一个内联对象，一个块对象

<style>
  .s{
    display:inline-block;
    width:120px;
    background-color:#006699;
    color:#FFF;
    font-weight:normal;
  }
  .d{
    display:inline-block;
    width:120px;
    background-color:#006666;
    color:#FFF;
  }
</style>
<div class="d">block inline-block</div>
<strong class="s">inline inline-block</strong>

提示：您可以先修改部分代码再运行

点击这里获取该日志的TrackBack引用地址

相关文章: