龙哥网

龙哥网

overflow:hidden;使list-style-type无效(css overflow:hidden)
2021-12-17

部分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;
}
免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。