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

时间:2009-08-14 18:05:13

标签: 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>

1 个答案:

答案 0 :(得分:7)

<html>标记上方的有效doctype declaration开始。省略此操作会导致浏览器使用quirks mode而不是标准模式。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

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

form { margin: 0; padding: 0; }