Html 如何适应li&x27的宽度；他在ul吗？

我有一个600像素宽的ul，我有4个不占整个600像素的li。我如何自动适应李的，使他们采取整个600像素？我不想硬编码李的宽度，因为我在不同的位置使用这些类。下面是屏幕截图，我正在尝试设置菜单“最新，热门投票活动”适合整个ul。

---

宽度：自动

将执行此操作，除非存在影响大小的其他冲突规则（例如，

display:inline；

将导致问题）

---

宽度

的块元素：自动展开以占据其父级的全部宽度。
宽度：自动
将执行此操作，除非存在影响大小的其他冲突规则（例如，
display:inline；
将导致问题）

display:block;

宽度
的块元素：自动展开以占据其父级的全部宽度

display:block;

如果你发布一些代码，给出答案会更容易

如果您发布一些代码，给出答案会更容易。
如果您希望它们并排排列，请使用以下命令：

  ul {
    list-style:none;
    width:600px;
    padding:0;
    overflow:auto;
  }
  li {
    float:left;
    width:25%;
  }

  ul {
    list-style:none;
    width:600px;
    padding:0;
    overflow:auto;
  }
  li {
    width:auto;
  }

工作示例：

如果要堆叠，请使用以下方法：

  ul {
    list-style:none;
    width:600px;
    padding:0;
    overflow:auto;
  }
  li {
    float:left;
    width:25%;
  }

  ul {
    list-style:none;
    width:600px;
    padding:0;
    overflow:auto;
  }
  li {
    width:auto;
  }

工作示例：
如果希望它们并排排列，请使用以下命令：

  ul {
    list-style:none;
    width:600px;
    padding:0;
    overflow:auto;
  }
  li {
    float:left;
    width:25%;
  }

  ul {
    list-style:none;
    width:600px;
    padding:0;
    overflow:auto;
  }
  li {
    width:auto;
  }

工作示例：

如果要堆叠，请使用以下方法：

  ul {
    list-style:none;
    width:600px;
    padding:0;
    overflow:auto;
  }
  li {
    float:left;
    width:25%;
  }

  ul {
    list-style:none;
    width:600px;
    padding:0;
    overflow:auto;
  }
  li {
    width:auto;
  }

工作示例：
可能是这样的

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

<style>
ul{
  width:600px;
  list-style:none;
}

li{
  float:left;
  width:25%;
}
</style>


一,
二,
三,
四,

保险商实验室{
宽度：600px；
列表样式：无；
}
李{
浮动：左；
宽度：25%；
}
也许是这样的

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

<style>
ul{
  width:600px;
  list-style:none;
}

li{
  float:left;
  width:25%;
}
</style>


一,
二,
三,
四,

保险商实验室{
宽度：600px；
列表样式：无；
}
李{
浮动：左；
宽度：25%；
}
发布的大多数解决方案都要求您明确地将每个li的宽度设置为25%。我个人发现，这可能会在li的文本中出现不一致的空白，因此在这种情况下，我更喜欢使用表来解决这个问题

这将起作用，您可以改进它的外观，但它可以满足您的需要：
发布的大多数解决方案都要求您将每个li的宽度显式设置为25%。我个人发现，这可能会在li的文本中出现不一致的空白，因此在这种情况下，我更喜欢使用表来解决这个问题

这将起作用，您可以改进它的外观，但它可以满足您的需要：
水平：25%，垂直：100%…边距0，填充0您可以发布一些示例代码吗？一个jsfiddle会很棒。如果
li
s的数量发生变化，您仍然希望它们适合可用的宽度吗？或者它总是四个
li
s，所以
width:25%
工作正常吗？他说的是UL元素上的填充物，我正在尝试填充“1,2,3,4”的整个宽度。水平：25%，垂直：100%…边距0，填充0你能发布一些示例代码吗？一个jsfiddle会很棒。如果
li
s的数量发生变化，您仍然希望它们适合可用的宽度吗？或者它总是四个
li
s，所以
width:25%
工作正常吗？他说的是UL元素上的填充物，我试图填充“1,2,3,4”整个宽度。仅适用于
块
元素。不适用于
内联
。仅适用于
块
元素。不适用于
内联
。li的数量因页面而异。因此，我无法明确设置宽度。li的数量因页面而异。因此，我无法显式设置宽度。默认情况下，Li为块级别。默认情况下，Li为块级别