我有一个<ul>三到四个<li>水平。我的 li 项目的总宽度是 100px，但 ul 占用 100% 的空间

Question

我有一个水平的<ul>和三个到四个<li>，我的li项目的总宽度是100px，但ul占用100%的宽度:我需要ul只占用lis所需的空间。

对

Answer 1

尝试添加内联css:

ul, li {
  display: inline;
}

如果你想让你的ul有margin/padding top/bottom，并作为内联元素使用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.
}

不要使用hack，试试Paul Irish的这个方法:
http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

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