5

これが私のコードです：

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tr align="center">
    <td align="left" width="180">
        <a href="http://www.blabllablbalbla.com/"> <img border="0" alt="bablablabla"
        height="" src="/include/img/logo-beta.png"></img> </a>
    </td>
    <td align="right"><a href="http://support.blablalblbalabl.com">Help Center</a> | <a 
        href="/auth/login">Sign In</a>
    </td>
</tr>
<tr>
    whyyyyyyyy does this appear on top???!
</tr>

</table>

ここに私のjsフィドルがありますhttp://jsfiddle.net/PQZTL/1/

テキストが壊れた画像の下にあるようにします。

誰かが私にこれを説明できますか？

4

4 に答える 4

6

タグを追加するというアドバイス<td>は実際の問題を解決しますが、「なぜ」という質問については、ブラウザーがテーブルを解析し、正しい構文の外側にあるコンテンツを見つけると、それを収集して前に配置するというのが答えです。テーブル。

それで、「なぜこれが一番上に表示されるのですか???!」実際には、他の行の前に配置された行として扱われるのではなく、行の外側のガベージとして扱われ、テーブルの前にダンプされます。これは、たとえば次のようなスタイル シート ルールを使用して確認できますtable { border: solid red }。テキストは境界線の外側に表示されます。

このブラウザーの動作は、 HTML5ドラフトでは「里親」として説明されています。(ブラウザは実際に特定の方法で状況を処理する準備ができているため、この見出しは誤解を招く可能性があります。つまり、実際にはテーブル内の不適切なマークアップの処理に関するものです。)

于 2012-12-14T07:22:07.333 に答える
4

各テーブル行には、th（ヘッダーセル）またはtdのいずれかのセルが必要です。

言い換えれば、正しいコードは私が以下に示したようなものになるでしょう：

下の行で下のように上の2つのセルにまたがる場合は、colspan = "2"を使用できます。または、2つのセルを使用することもできます（つまり、これが上に表示されるのはなぜですか??。

<table width="100%" cellspacing="0" cellpadding="0" border="0">
  <tr align="center">
    <td align="left" width="180">
        <a href="http://www.blabllablbalbla.com/"> <img border="0" alt="bablablabla"
        height="" src="/img/logo-beta.png"></img> </a>
    </td>
    <td align="right"><a href="http://support.blablalblbalabl.com">Help Center</a> | <a 
        href="/auth/login">Sign In</a>
    </td>
 </tr>
 <tr>
    <td colspan="2">
    whyyyyyyyy does this appear on top???!
    </td>  
 </tr>
</table>​​​

お役に立てれば。

于 2012-12-14T00:32:20.347 に答える
4 
<tr>
    whyyyyyyyy does this appear on top???!
</tr>

<td>HTML を無効にし、不適切にレンダリングする要素を忘れたためです。

于 2012-12-14T00:24:40.163 に答える
0

<td>一番上に表示されているコンテンツの周りに一連のタグがありません:

<tr>
    <td>whyyyyyyyy does this appear on top???!</td>
</tr>
于 2012-12-14T00:26:46.120 に答える