ホームページ バックエンド開発 PHPチュートリアル テーブルがテーブル内に埋め込まれている場合に、これらの埋め込みテーブルを自動的に折り返すようにするにはどうすればよいですか?

テーブルがテーブル内に埋め込まれている場合に、これらの埋め込みテーブルを自動的に折り返すようにするにはどうすればよいですか?

Jun 13, 2016 pm 01:14 PM
gt lt table tr width

これらの埋め込みテーブルをテーブルに埋め込むときに自動的に折り返すようにする方法
大きなテーブルを幅 700 ピクセルに定義し、各小さなテーブルを幅 150 ピクセルになるように埋め込みます。各行に 4 つの小さなテーブルが表示されます。行を折り返す
コードは次のとおりです:
(結果: テーブルは折り返されず、大きなテーブルは壊れます)

HTML コード
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
//PHP语句,从数据库select内容
&lt;table width=&quot;700&quot; align=&quot;center&quot;&gt;
  &lt;tr&gt;
     &lt;td&gt;
      &lt;table width=&quot;150&quot;&gt;
             //PHP语句这里显示从数据库中捞出的内容
          &lt;/table&gt;
             //PHP语句,循环以上这个table
     &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;

ログイン後にコピー


----- -解決策------------------
1. CSSコントロールがない場合、テーブルは並列配置されません。したがって、サンプル コードは問題の説明と一致しません
2. すでに制御を行っていると仮定すると、4 つのテーブルは 600 しか占有せず、700 を超える可能性はありません。改行コントロール
HTML コード
 に問題があるはずです

<tr><td>
&lt;表幅=150 ボーダー=1 スタイル='float:left'&gt;
</td></tr><tr><td>a</td></tr>
&lt;/テーブル&gt;

&lt;表幅=150 ボーダー=1 スタイル='float:left'&gt;
<tr><td>a</td></tr>
&lt;/テーブル&gt;

&lt;表幅=150 ボーダー=1 スタイル='float:left'&gt;
<tr><td>a</td></tr>
&lt;/テーブル&gt;

&lt;表幅=150 ボーダー=1 スタイル='float:left'&gt;
<tr><td>a</td></tr>
&lt;/テーブル&gt;

&lt;表幅=150 ボーダー=1 スタイル='float:left'&gt;
<tr><td>a</td></tr>
&lt;/テーブル&gt;

&lt;表幅=150 ボーダー=1 スタイル='float:left'&gt;
<tr><td>a</td></tr>
&lt;/テーブル&gt;

&lt;/td&gt;&lt;/tr&gt;
&lt;/テーブル&gt;
<br><font color="#e78608">------解決策------------------</font><br>
作成者が表の行の折り返しを制御していないことは明らかです。 <br><br> 参考となる 3 つの方法: <br><br>1. DIV を使用します (はるかに便利ですが、スタイル シートを再設計する必要があるという欠点があります) <br><br>2. フロアを使用します。上のものは左にフロートします (欠点は、コンテンツが左にあり、中央に配置できないことです) <br><br>3. PHP プログラム制御を使用します: 毎回 4 つの値を取り出し、4 つのテーブルに入力し、再度&lt;tr&gt; (便利すぎて美しい) <div class="clear"></div>
ログイン後にコピー
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Huawei GT3 ProとGT4の違いは何ですか? Huawei GT3 ProとGT4の違いは何ですか? Dec 29, 2023 pm 02:27 PM

Huawei GT3 ProとGT4の違いは何ですか?

修正: Windows 11 で Snipping ツールが機能しない 修正: Windows 11 で Snipping ツールが機能しない Aug 24, 2023 am 09:48 AM

修正: Windows 11 で Snipping ツールが機能しない

iPhoneでApp Storeに接続できないエラーを修正する方法 iPhoneでApp Storeに接続できないエラーを修正する方法 Jul 29, 2023 am 08:22 AM

iPhoneでApp Storeに接続できないエラーを修正する方法

htmlの幅とは何を意味するのでしょうか? htmlの幅とは何を意味するのでしょうか? Jun 03, 2021 pm 02:15 PM

htmlの幅とは何を意味するのでしょうか?

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决

watch4proとGTのどちらが優れていますか? watch4proとGTのどちらが優れていますか? Sep 26, 2023 pm 02:45 PM

watch4proとGTのどちらが優れていますか?

CSSで幅の値を表現するにはどのような方法がありますか? CSSで幅の値を表現するにはどのような方法がありますか? Nov 13, 2023 pm 05:47 PM

CSSで幅の値を表現するにはどのような方法がありますか?

PHPのtrは列ですか、それとも行ですか? PHPのtrは列ですか、それとも行ですか? Aug 03, 2023 pm 02:53 PM

PHPのtrは列ですか、それとも行ですか?

See all articles