テーブルはセルとimg画像を結合してtd HTML全体を埋めます

テーブルはセルとimg画像を結合してtd HTML全体を埋めます
ソースコード(一部のクラスは削除されています):

コードをコピー
コードは次のとおりです。

<テーブル>
<頭>
<tr><th colspan=2 >購入者: Yimai</th></tr>
</thead>
<t本文>
<tr>
<td 行スパン=4 >
<img src="../img/103.jpg" 幅="100%" 高さ="100%">
</td>
<td >アイテム名: モバイルパワー</td>
</tr>
<tr><td >単価: ¥28 元</td></tr>
<tr><td >数量: <input type="text" id="goods_number" ></td></tr>
<tr><td >販売者: Yi Damai</td></tr>
</tbody>
<tfoot>
<tr>
<td>お支払い方法:
<クラスを選択="w100">
<option value ="e">仮想アカウント</option>
<option value ="r">現金口座</option>
<option value="b">オンラインバンキング</option>
</選択>
</td>
<td>合計金額: <span id="total_price">0</span> 1 万元</td>
</tr>
</tfoot>
</テーブル>

効果画像:


セル - 行結合 (rowspan)
セル - 列結合 (colspan)
画像は<td>を埋めます - 幅と高さを100%に設定します

<<:  オンラインMySQL自動増分IDが使い果たされた場合の対処方法

>>:  ccs3に基づくタイムライン実装方法

推薦する

JS の FileReader を介して .txt ファイルの内容を取得する方法

目次JSはFileReaderを通じて.txtファイルの内容を取得します。 .txtファイルの読み取...

Ubuntu 18.04 (物理マシン) で OpenWRT 開発環境を構成する方法

1. 仮想マシン(物理マシン)をインストールする仮想マシンまたは物理マシンにインストールできます。 ...

ハンドラー PageHandlerFactory-Integrated のモジュール リストに不正なモジュール ManagedPipelineHandler が含まれています

Web プロジェクトを開発する場合、IIS をインストールする必要があります。IIS がインストール...

CSS3 のフレックスレイアウト幅の無効性の解決策

2 列レイアウトはプロジェクトでよく使用されます。この効果を実現する方法はたくさんあります。 しかし...

mysql+mycat、負荷分散、マスタースレーブレプリケーション、読み取り/書き込み分離操作に基づく安定した高可用性クラスタを構築します。

データベースのパフォーマンス最適化には、一般的にクラスタリングが採用されています。Oracle クラ...

JSはGMTとUTCのタイムゾーンを完全に理解しています

目次序文1. GMT GMTとはGMTの歴史2. UTC UTCとはUTC は次の 2 つの部分で構...

JavaScriptカルーセルの実装について

今日もとても実践的な事例です。名前を聞くだけで高度で難しそうですよね?今日はカルーセル画像の真髄を簡...

遭遇したいくつかのブラウザ互換性の問題について簡単に説明します

背景ブラウザの互換性の問題を解決するのは非常に面倒なことです。高度な技術はそれほど必要ありませんが、...

JavaScript配列の組み込みメソッドの詳細な説明

目次1. Array.at() 2. Array.copyWithin() 3. 配列.entrie...

Linux 仮想ホストで SourceGuardian (sg11) 暗号化コンポーネントを有効にする詳細な手順

注: sg11 弊社では Linux システム仮想ホストのセルフインストールのみサポートしております...

Vueは虫眼鏡付きの検索ボックスを実装します

この記事では、Vueを使用して虫眼鏡付きの検索ボックスを実装する方法を紹介します。具体的な内容は次の...

Node+socketでシンプルなチャットルーム機能を実現

この記事では、参考までに、シンプルなチャットルームを実装するためのnode+socketの具体的なコ...

MySQL での Join の使用に関する詳細な説明

前の章では、1 つのテーブルからデータを読み取る方法を学習しました。これは比較的簡単ですが、実際のア...

HTML で dl(dt,dd)、ul(li)、ol(li) を使用する方法

HTML <dl> タグ#定義と使用法<dl> タグは定義リストを定義します...

MySQL パフォーマンス最適化インデックス プッシュダウン

インデックス条件プッシュダウン (ICP) は MySQL 5.6 で導入され、クエリを最適化するた...