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

Question

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

问候

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.
}

不要使用 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; 

}