段落“<p>”填充未应用答案

【问题标题】：paragraph "<p>" padding not applied段落“<p>”填充未应用
【发布时间】：2011-01-26 10:54:58
【问题描述】：

以下三段代码的行为完全相同：

<p {padding: 0 15 0 15}>  A paragraph of text here...  </p>

<p> A paragraph of text here... </p>

<p style="padding: 0 15 0 15">  A paragraph of text here...  </p>

如何让段落两边缩进？（我尝试了 15px 而不是 15（编辑 - 但仅在前两个上），我还尝试用逗号分隔数字，就像我在 Google 上找到的示例一样。）

以上代码是在body中的一个div中，不涉及其他div或table等。

div 已定义：

<div style="background-color: white; color: black; overflow:auto">

感谢您的帮助。

【问题讨论】：

建议使用 15px 而不是 15，以使解决方案（使用“样式”）适用于所有浏览器。我见过某些 IE 版本忽略没有单位的值。 w3.org/TR/REC-CSS1/#units - 只有当值为“0”时，您才会保存以省略单位。
除了下面的好答案，我可以建议 firefox 和 firebug 插件在解决您的 html 样式问题时非常有用。

标签： css padding paragraph

【解决方案1】：

15? 15 什么？您是否考虑过使用单位？

<p style="padding: 0 15px">foo</p>

【讨论】：

谢谢。我需要 "style=" 和 "px"
我建议使用 em 而不是 px，因为它更符合跨浏览器的兼容性。 IE。
条形
@jwhat 使用 em 而不是 px 并不是一个跨浏览器的合规性问题。它更多地是关于优先考虑精确设计 (px) 与文本大小调整 (em)。现在所有的浏览器都能正确解释单位。

【解决方案2】：

变化：

<p {padding: 0 15 0 15}>  A paragraph of text here...  </p>

到：

<p style="padding: 0px 15px 0px 15px">  A paragraph of text here...  </p>

【讨论】：

我认为它会起作用，但它没有。我将上面的代码添加到我的问题描述中。
这个例子不正确，你仍然需要一个像 15px 或 1em 这样的单位。

【解决方案3】：

也许你的前一行是这样的：

p { display: inline }

这个CSS禁用使用padding。

【讨论】：