css padding-left 在 chrome 和 firefox 中不起作用

Question

我在一个 div 中有下面的 css

<div>
<span>
<ul></ul>
</span>
</div>

#SPAN {
    PADDING-RIGHT: 0px; PADDING-LEFT : 14px; FONT-SIZE: 11px; FONT-FAMILY:Tahoma; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 15px; HEIGHT: 100%
}



#UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; 
}

span 标签内的 padding-left 在 chrome 和 firefox 中不起作用。我尝试了一些解决方法，例如 text-indent: 14px 和 padding: 0 0 0 14px ，但它似乎不起作用。任何帮助将不胜感激。在此先感谢。

Answer 1

将样式包装到head 部分中的<style></style> 块中，并从选择器中删除#。井号需要通过id属性来识别元素，而你的元素没有。

附带说明，您的标记无效有效，因为您不能将无序列表包装到 span 元素中

Answer 2

回答我自己的问题

而不是PADDING-LEFT : 14px used MARGIN-LEFT: 14px。这被火狐识别。

Answer 3

span 是内联元素并添加 display:inline-block 以具有块样式 ＃跨度 { 填充右：0px；填充左：14px；字体大小：11px；字体家族：Tahoma；填充底部：0px；宽度：100%；填充顶部：15px；高度：100%；显示：内联块； }