ul width不是我设置的宽度

时间:2012-08-09 08:00:22

标签: html css listitem

设置此行时

<ul style="width:100px; height:100px; background-color:green">
    <li style="width:100px; height:100px; border:1px solid blue"> 1 </li>
</ul>

我得到的ul比我的100px设置宽得多。

为什么它会忽略我的设置? 如何设置宽度相同的 li ul (没有额外的缩进)?

更新:人们,你太急于因为拼写错误(在样式属性上)拒绝投票,你忘了这里的主要问题,这是ul宽度问题

好吧,我解决了,只需要添加:

  <ul style="....;padding:0"> ... </ul>

感谢...

4 个答案:

答案 0 :(得分:1)

<ul style="width:100px; height:100px; background-color:green;">
    <li style="width:100px; height:100px; border:1px solid blue;">1 </li>
</ul>

用这个重播你的代码。你正在使用,宽度:100px后,它应该是; :)

答案 1 :(得分:1)

你应该使用;你使用的任何地方,宽度和高度......

答案 2 :(得分:1)

是的,在宽度和高度之间使用逗号

替换为:

  

风格=&#34;宽度:100像素;高度:100像素;

答案 3 :(得分:1)

嘿,现在您的代码错误

现在删除来和

替换 backgroung-color

进入

background-color

现在很好的代码是

<ul style="width:100px; height:100px; background-color:green;">
    <li style="width:100px; height:100px; border:1px solid blue"> 1 </li>
</ul>

Live demo