Html 如何在css中设置列表的宽度

我有下面的代码。文本不对齐有点烦人（它会影响其他

li

元素）。我怎样才能使它成为一个固定的宽度？我试过width=XYZpx，但没有效果

<li class="date">2/28/2010 9:37:38 AM</li>
...
<li class="date">3/1/2010 9:37:38 AM</li>

---

我不太懂你的语法，但我想你只需要这个，对吗

li.date
{
  background : url(/icons/date.png) no-repeat left top;
  width: 200px; /* or whatever */
}

---

我认为您需要为

元素而不是

元素设置列表的宽度。如果列表包含在

中，我相信您可以设置

的宽度，而不是

ul {
   width: 125px;
}

假设以下（x）个html：

或者通过设置

ul

div#navigation > ul {width: 200px; }

或者通过设置

li

元素本身的宽度：

div#navigation > ul > li.date {width: 200px; }

我认为，除非你的问题中有一个重大的打字错误，否则你是在试图错误地分配宽度，当然是关于你发布的

width=XYZpx

。要以这种方式指定宽度，应引用该值，使其成为：

...width="XYZpx"...

但请记住，这是html/xhtml，而不是css。要使用css设置宽度，应使用以下任一方法：

...style="width: 200px;"...

如果要使用内联样式，或在样式表中使用表单（如上所述）：

您对文本对齐方式的评论表明，

li

元素可能继承了填充或某个位置的文本缩进，因此您可能需要添加样式：

div#navigation > ul > li.date {
  text-indent: 0;
  padding: 0;
}

---

希望这有帮助。如果我误解了您的问题，请随时对我的答案发表评论，或修改/编辑/澄清您的问题，我会尽量发挥更大的作用。

文本在哪些方面不一致？您是否分配了宽度：XYZpx至

li.日期

？我认为将列表项设置为固定宽度很好。我认为您理解正确。是的，我实际上没有写=并使用XYZ作为我的值。我写的宽度：2000px；在我的css文件中作为测试，没有明显的变化。看来我不能改变一里的宽度，我可能需要改变全部或没有。我尝试在li中使用div，并编写了

li.date div{display:inline；border color:Black；color:Red；border style:solid；border width:5px；padding 5,5,5；}

padding and with没有任何作用（至少在FireFox中是这样）。这段代码最初使用ul，我想我应该改为使用divs。

...width="XYZpx"...

...style="width: 200px;"...

element.selector {width: 200px; }

div#navigation > ul > li.date {
  text-indent: 0;
  padding: 0;
}