Html Div内IE 7,8,9中的垂直间距_Html_Css_Internet Explorer_Padding_Margin

Html Div内IE 7,8,9中的垂直间距

html css internet-explorer

Html Div内IE 7,8,9中的垂直间距,html,css,internet-explorer,padding,margin,Html,Css,Internet Explorer,Padding,Margin,我有一个div标记，其中包含一些其他元素，如下所示： <div> <h3>Text</h3> <hr/> <ul> <li>Text</li> </ul> <hr/> <span>Text</span> </div> 正文正文正文在div中的每个不同元素之间，我为所有元素设置了0填充和边距（这反映在开发

我有一个div标记，其中包含一些其他元素，如下所示：

<div>
  <h3>Text</h3>
  <hr/>
  <ul>
    <li>Text</li>
  </ul>
  <hr/>
  <span>Text</span>
</div>


正文


正文


正文

在div中的每个不同元素之间，我为所有元素设置了0填充和边距（这反映在开发者工具中），但是在所有InternetExplorer浏览器中，每个元素之间都有一个很大的空间（大约4-6像素）。我已经尝试将html、正文填充/页边距设置为0，以及DOM层次结构中它上面的几乎所有其他元素，但是间距仍然保持不变。我也尝试过最小化HTML，这样就不会有新行或空格，但这并不能解决问题

有什么问题吗？

您看到的空间不是填充、边距或边框。您将看到存在于每个标记之间的“”字符

选项：

1）将所有图元设置为“显示：块”或“显示：内联块”。

2）一个接一个地写所有标记，去掉所有空格或输入字符

您看到的空格不是填充、边距或边框。您将看到存在于每个标记之间的“”字符

选项：

1）将所有图元设置为“显示：块”或“显示：内联块”。

2）一个接一个地写所有标记，去掉所有空格或输入字符

我想问题在于IE中的

hr

元素。。。它不像其他HTML元素那样处理。有很多解决方案。。。但当你想降低利润率时，我无法让他们中的任何一个工作

话虽如此。。。通过反复试验，我成功地获得了负的利润率，只用于IE渲染工作。无法确定它是否能在IE8中工作（无法测试）

最小CSS代码片段：

<style>
   hr {padding:0;margin:0;height:1px;border:none;color:#000;background-color:#000;}
</style>
<!--[if lte IE 8]>
<style>hr {display:block;margin:-7px 0;}</style>
<![endif]-->


hr{填充：0；边距：0；高度：1px；边框：无；颜色：#000；背景色：#000；}

。。。我把它限制在IE8和更少，因为网络上的单词是IE9会改变的。。。一旦可以测试，我们将看到：）。注意：如果要更改线条的颜色，则需要更改

颜色

和

背景色

的值（取决于所使用的浏览器：）

测试和工作在：

IE 8.0.6001

IE 6.0.2900

FF 3.6.15

Cr 10.0.648.134

（在WinXP上）