1

で修正display:inline-block(display:inline)するにfloat:rightはie6？

コード: http://jsfiddle.net/VGaGt/

html

<div>
    text<span>>></span>
</div>​

CSS

div{
    float:left; 
    width: 300px;
    height: 20px; 
    padding:5px;
    background:#ccc;
}
span{
    float:right;
    width:20px;
    height:20px;
    display:inline-block;
    zoom:1;
    *display:inline;
    cursor: pointer;
}​
4

1 に答える 1

0

テキストは IE6 の div 全体の幅を占めるため、スパンが改行されます。1 つのオプションは、テキストを ap タグでラップし、左にフロートさせ、幅を 200px などに設定して幅を制御することです。

HTML

<div>
  <p>text</p><span>>></span>
</div>

CSS

p {
  float:left;
  width:100px;
}

これがjsFiddleです。

于 2012-07-12T17:36:16.413 に答える