The table merges cells and the img image to fill the entire td HTML

The table merges cells and the img image to fill the entire td HTML
Source code (some classes deleted):

Copy code
The code is as follows:

<table>
<thead>
<tr><th colspan=2 >Buyer: Yimai</th></tr>
</thead>
<tbody>
<tr>
<td rowspan=4 >
<img src="../img/103.jpg" width="100%" height="100%">
</td>
<td >Item name: mobile power</td>
</tr>
<tr><td >Unit price: ¥28 yuan</td></tr>
<tr><td >Quantity: <input type="text" id="goods_number" ></td></tr>
<tr><td >Seller: Yi Damai</td></tr>
</tbody>
<tfoot>
<tr>
<td>Payment method:
<select class="w100">
<option value ="e">Virtual account</option>
<option value ="r">Cash Account</option>
<option value="b">Online Banking</option>
</select>
</td>
<td>Total price: <span id="total_price">0</span> Ten thousand yuan</td>
</tr>
</tfoot>
</table>

Effect picture:


Cells - Row Merge (rowspan)
Cell - Column Merge (colspan)
The image fills the <td> - set width and height to 100%

<<:  What to do if the online MySQL auto-increment ID is exhausted

>>:  RGB color table collection

Recommend

Solve the problem of black screen when starting VMware virtual machine

# Adjust VMware hard disk boot priority Step 1: E...

Introduction to MySQL role functions

Table of contents Preface: 1. Introduction to rol...

Linux sar command usage and code example analysis

1. CPU utilization sar -p (view all day) sar -u 1...

Complete steps for Docker to pull images

1. Docker pull pulls the image When using $ docke...

Problems and solutions of using TweenMax animation library in angular

I have nothing to do recently, so I tinker with C...

Implementation of CSS linear gradient concave rectangle transition effect

This article discusses the difficulties and ideas...

Nginx+FastDFS to build an image server

Installation Environment Centos Environment Depen...

How to configure two-way certificate verification on nginx proxy server

Generate a certificate chain Use the script to ge...

Summary of commonly used operators and functions in MySQL

Let’s build the data table first. use test; creat...

The images in HTML are directly replaced by base64 encoded strings

Recently, I came across a webpage that had images ...

Why TypeScript's Enum is problematic

Table of contents What happened? When to use Cont...

html+css+js to realize the function of photo preview and upload picture

Preface: When we are making web pages, we often n...

Understanding MySQL clustered indexes and how clustered indexes grow

In this note, we briefly describe What is the B+T...