ie7在表单标签之后/之前插入换行符

pay*_*ing 0 html forms formatting

我确定有人之前已经注意到这一点,但我似乎无法找到解决方案.在IE7表单标签之前和之后,IE插入换行符.这不好!以下示例代码...解决方案?想法?

  <html>
    <body>
        <div id="pageContent" style="border:1px solid black; background-color:orange;">
        <form> 
        content bad <!-- notice spaces before and after form tags --> 
        </form> 
        </div>
        <div id="pageContent2" style="border:1px solid black; background-color:orange;">
        content good <!-- no spacing -->
        </div>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

Joh*_*han 7

从标记上方的有效doctype声明开始<html>.省略此选项会导致浏览器使用quirks模式而不是标准模式.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Run Code Online (Sandbox Code Playgroud)

如果这不能解决问题,请添加一个css规则以从表单元素中删除所有边距和填充:

form { margin: 0; padding: 0; } 
Run Code Online (Sandbox Code Playgroud)