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

WBOY
リリース: 2016-06-13 13:14:52
オリジナル
1149 人が閲覧しました

これらの埋め込みテーブルをテーブルに埋め込むときに自動的に折り返すようにする方法
大きなテーブルを幅 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>
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート