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中不起作用。我尝试了一些解决方法，如文本缩进：14px和填充：0 0 0 14px，它似乎不起作用。任何帮助将不胜感激。谢谢。

Answer 1

将样式打包到<style></style>部分的head块中，然后从选择器中删除#。哈希符号需要通过id属性标识元素，而您的元素没有。

作为旁注，您的标记不有效，因为您无法将无序列表包装到span元素中

Answer 2

回答我自己的问题

而不是PADDING-LEFT : 14px used MARGIN-LEFT: 14px。这是firefox认可的。

Answer 3

span是内联元素并添加display：inline-block以具有块样式＃跨度 { PADDING-RIGHT：0px; PADDING-LEFT：14px; FONT-SIZE：11px; FONT-FAMILY：宋体; PADDING-BOTTOM：0px;宽度：100％; PADDING-TOP：15px;身高：100％;显示：内联块; }

css padding-left不能在chrome和firefox中工作

3 个答案: