Html 无法调整列表元素的大小

我正在尝试向列表元素添加自定义的

宽度

和

高度

，但无法执行此操作

HTML:

<div class="myclass">
    <ul>
        <li style="background-color:green;"><span class="myspanclass">0</span></li>
        <li class="liclass" style="background-color:green;">0</li>
    </ul>
</div>

以下各项均无效：

.myclass ul {list-style-type:none; padding: 0px;}
.myclass li {display: inline; margin-right: 10px;}

.myclass ul li {width:50px; height:50px;}
.myclass li {width:50px; height:50px;}
.liclass {width:50px; height:50px;}
.myspanclass {width:50px; height:50px;}

---

我做错了什么？

li

的背景色为绿色，它应显示为css样式中定义的

50x50

框。但是它不起作用。

您需要使用

显示：内联块而不是
显示：内联


.myclass ul{
列表样式类型：无；
填充：0px；
}
李老师{
显示：内联块；
右边距：10px；
宽度：50px；
高度：50px；
}


0
0

您需要使用
显示：内联块而不是
显示：内联


.myclass ul{
列表样式类型：无；
填充：0px；
}
李老师{
显示：内联块；
右边距：10px；
宽度：50px；
高度：50px；
}


0
0

不能将宽度或高度应用于具有内联显示的项目。您必须使用
display:block

正如其他人所建议的那样，
display:inline block
也适用，但不适用于IE6或IE7。
不能对具有内联显示的项目应用宽度或高度。您必须使用
display:block

正如其他人所建议的，
display:inline block
也适用，但不适用于IE6或IE7。
它适用于我。看看这个

.myclass ul li {
    width:50px;
    height:50px;
}

.myclass ul li:first-child {
    margin-bottom: 5px;
}

.myclass ul {
    list-style: none;
}

它对我有用。看看这个

.myclass ul li {
    width:50px;
    height:50px;
}

.myclass ul li:first-child {
    margin-bottom: 5px;
}

.myclass ul {
    list-style: none;
}

工作起来很有魅力！谢谢你，伙计！工作起来很有魅力！谢谢你，伙计！