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

Question

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

问候

Answer 1

尝试添加内联 css：

ul, li {
  display: inline;
}

如果您希望您的 ul 有一个边距/填充顶部/底部并充当内联元素，请使用内联块。

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-neither/

ul, li {
  display: inline-block;
}

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

}