overflow:hidden;使list-style-type无效

部分CSS新手编写网页li标签样式时,使用了list-style-type:decimal(或其它)的样式,但之前设置了样式不让li换行并隐藏溢出,使用了overflow:hidden;,发现list-style-type:decimal;设置的数字无法显示。

解决方法:给样式添加list-style-position:inside;

例子:

.widget ul li {
    list-style-type:decimal;
    list-style-position:inside;
    white-space:nowrap;
    width:260px;
    overflow:hidden;
}
关键词: css