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 プラグインをダウンロードし、エラーを修正します...

ところで、私はあなたが使用したタグを最小限に抑えようとします. なぜ 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 に答える