テーブルがテーブル内に埋め込まれている場合に、これらの埋め込みテーブルを自動的に折り返すようにするにはどうすればよいですか?
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内容 <table width="700" align="center"> <tr> <td> <table width="150"> //PHP语句这里显示从数据库中捞出的内容 </table> //PHP语句,循环以上这个table </td> </tr> </table>
ログイン後にコピー
----- -解決策------------------
1. CSSコントロールがない場合、テーブルは並列配置されません。したがって、サンプル コードは問題の説明と一致しません
2. すでに制御を行っていると仮定すると、4 つのテーブルは 600 しか占有せず、700 を超える可能性はありません。改行コントロール
- HTML コード
に問題があるはずです <tr><td> <表幅=150 ボーダー=1 スタイル='float:left'> </td></tr><tr><td>a</td></tr> </テーブル> <表幅=150 ボーダー=1 スタイル='float:left'> <tr><td>a</td></tr> </テーブル> <表幅=150 ボーダー=1 スタイル='float:left'> <tr><td>a</td></tr> </テーブル> <表幅=150 ボーダー=1 スタイル='float:left'> <tr><td>a</td></tr> </テーブル> <表幅=150 ボーダー=1 スタイル='float:left'> <tr><td>a</td></tr> </テーブル> <表幅=150 ボーダー=1 スタイル='float:left'> <tr><td>a</td></tr> </テーブル> </td></tr> </テーブル> <br><font color="#e78608">------解決策------------------</font><br> 作成者が表の行の折り返しを制御していないことは明らかです。 <br><br> 参考となる 3 つの方法: <br><br>1. DIV を使用します (はるかに便利ですが、スタイル シートを再設計する必要があるという欠点があります) <br><br>2. フロアを使用します。上のものは左にフロートします (欠点は、コンテンツが左にあり、中央に配置できないことです) <br><br>3. PHP プログラム制御を使用します: 毎回 4 つの値を取り出し、4 つのテーブルに入力し、再度<tr> (便利すぎて美しい) <div class="clear"></div>
ログイン後にコピー
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック
Gmailメールのログイン入り口はどこですか?
7287
9


Java チュートリアル
1622
14


CakePHP チュートリアル
1342
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1206
29

