负边距：它们在IE7和IE8中能起作用吗？

Question

我正在尝试使用短横线字符串来实现一种有点脏的下划线效果，但我希望它比行高略微靠近多行标题。

负边距在火狐浏览器中效果很好，但在IE中却无法实现。

<p>a multiline title here<p><p style="margin: -7px 0px 10px 0px;">-----------------------------------------------------------------------------</p>

- Haroldo

Answer 1

最好使用border-bottom属性设置为1px dashed black。这样可以实现所需的效果，并且适用于所有IE6及以上版本的浏览器，您无需担心宽度（或至少可以仅使用CSS控制它）。例如：

<p style="border-bottom: 1px dashed black;">a multiline title here</p>

（最好重构样式为CSS类）

- BalusC

---

+1 我同意，但正如他所说，他正在寻找一种“肮脏”的方法来将其拉近。 - Dustin Laine

Answer 2

首先，我相信您有一些样式没有显示出来，因为默认的p元素有一些底部间距。

然而，您的样式存在矛盾之处，-7像素的底部间距和10像素的底部间距是相互矛盾的。如果您删除10像素，则在IE7,8中会上移。

对我来说，让它如下即可：

<p>a multiline title here<p><p style="margin: -7px 0px 0px 0px;">-----------------------------------------------------------------------------</p>

- Dustin Laine

Answer 3

使用 display: block 可能会解决问题，但是由于 IE 对 'p' 的处理方式与 Firefox 不同，因此您可能需要使用 div 或 span。

- WalterJ89

Answer 4

好的，问题已经解决了， 我在我的 ------ 的

标签上减小了行高， 行高就像顶部边距一样起作用...

谢谢大家

- Haroldo