我是一名开发人员,我不太了解 CSS
。在这里,我遇到了一个简单的问题。我正在使用 Sitefinity CMS
进行开发。我使用了 ul
和 li
的页面之一。设计师为li
提供的CSS
如下
.listing li {
list-style: circle url(/images/default-source/main_library/bullet.gif?Status=Temp&sfvrsn=2);
margin-bottom: 7px;
}
我刚刚将他的 HTML
复制到我的页面中,但我发现 li
元素符号与设计者指定的位置不同。我使用了 Developers Tools
并进行了检查。我的 CMS
将自己的样式添加到 li
中,如下所示
body, nav, ul, li, a {
margin: 0;
padding: 0;
}
当我禁用 padding: 0;
时,它似乎位于所需位置。但是如何从开发环境中禁用 padding: 0;
。是指任何可以移除 padding: 0;
效果的 CSS
吗?
最佳答案
您需要申请padding-left: 20px;
到 ul
.
将此添加到您的 css
:
.listing { padding-left: 20px; }
.
编辑:看起来您已经为 .listing
定义了样式, 所以只需将其附加到 .listing
block ,我相信它是 common.css
中的第 730 行 .
关于html - 在 li 标签中填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22342383/