html - 在 li 标签中填充

标签 html css

我是一名开发人员,我不太了解 CSS。在这里,我遇到了一个简单的问题。我正在使用 Sitefinity CMS 进行开发。我使用了 ulli 的页面之一。设计师为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/

相关文章:

javascript - 输入字段中的 'auto' 的值是多少

html - 如何重叠表行?

html - 使 div 100% 浏览器窗口的宽度

javascript - 如果 DT 不包含实际值,则删除 DT、DD

jquery - 动画淡入问题

css - 水平导航栏间距

jquery - 在 iphone 上打开折叠菜单时,bootstrap navbar-brand 会拉伸(stretch)

javascript - 如果函数遮盖了元素,如何正确处理鼠标悬停?

html - 固定底部向外生长的 CSS 过渡

javascript - 如何使用 draggable 和 droppable 将 <li> 附加到 <ul> ?