0

段落中有一个表格。表格内的单元格有额外的新行。以下是代码的相关部分。

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            div.Page1773023 {}
            .f31 {font-family:Times New Roman;font-size:12.00pt;font-style:normal;font-weight:normal;line-height:114%;}
            .f1 {font-family:Arial;font-size:10.00pt;font-style:normal;font-weight:normal;line-height:114%;}
        </style>
    </head>
    <body>
        <div class="Page1773023" style="height:1056px;width:816px;">
            <p class="normal"><pre>
                <table class="normal" style="width:99.00px;border-spacing:0px;border-collapse:collapse;border:1.00px solid #000000;;">
                    <tr>
                        <td style="height:16.000px;width:96.000px;;;" >
                            <p class="normal"><pre>
                            <span class="f1" style="color:#FF0000;" >11111</span></pre></p>
                        </td>
                    </tr>
                </table><br style="clear:left;"/>
            </pre></p>
        </div>
    </body>
</html>

现在，当我<pre>从最外层删除标签时<p>，看不到新行。任何想法为什么会发生这种情况？

4

2 回答 2

2

在 firefox 上下载 HTML Tidy Plugin 并修复错误...

顺便说一句，我会尽量减少您使用的标签。为什么需要 p, span, table, div, pre ？

首先决定布局应该是什么，只写你真正需要的代码。

这是一个如何实现相同输出的示例。确保您的浏览器上有 firebug 或一些检查工具。它可以帮助您对边距进行细微更改并找到正确的值。

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
        .box {
            width:104px;
            height:80px;
            border:1px solid;
            margin-top:10px;
        }

        .box td {
            color: red;
            font-family: Arial;
            font-size: 10.00pt;
            font-style: normal;
            font-weight: normal;
            line-height: 114%;
        }
    </style>
  </head>
  <body>
    <table class="box">
        <tr>
            <td>
                11111
            </td>
        </tr>       
    </table>
  </body>
</html>
于 2012-08-02T05:05:32.093 回答
1

<pre>和之间的新行在标签<table>内显示。<pre>这可以通过将它们放在同一行来解决：<pre><table ...>

于 2012-08-02T04:40:09.530 回答