html - 私は水平を持っています三から四で秒。私のliアイテムの合計幅は100pxですが、ulは100％のスペースを取ります

Question

<ul>私は3 から 4の sを持つ水平を持っています<li>。私の li アイテムの合計幅は 100px ですが、ul は 100% の幅をとります: lis に必要なスペースだけを取るために UL が必要です。

よろしく

Answer 1

インラインCSSを追加してみてください。

ul, li {
  display: inline;
}

ulにマージン/パディングの上部/下部を持たせ、インライン要素として機能させる場合は、inline-blockを使用します。

ul, li {
  display: inline-block;
  *display: inline; // hack that makes inline block work in ie7.
  *zoom: 1; // hack that makes inline block work in ie7.
  float: none; // those elements must not be floated.
}

ハックを使用する代わりに、Paul Irishの次の方法を試してください：http：
//paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-nether/

ul, li {
  display: inline-block;
}

.ie7 ul, .ie7 li {
  display: inline; 
  zoom: 1; 

}