So legen Sie die Tabellenbreite in HTML fest

So legen Sie die Tabellenbreite in HTML fest: 1. Verwenden Sie direkt das width-Attribut des Tabellen-Tags mit der Syntax „

“ 2. Verwenden Sie das style-Attribut im Tabellen-Tag und fügen Sie es hinzu "width: Breitenwert; "style.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Nachdem dem Tabellen-Tag mithilfe des Attributs „border“ ein Rahmen hinzugefügt wurde, wird die Standardbreite durch den darin enthaltenen Inhalt bestimmt:

<table border="1">
			<tr>
				<td>商品</td>
				<td>价格</td>
			</tr>
			<tr>
				<td>T恤</td>
				<td>￥100</td>
			</tr>
			<tr>
				<td>牛仔褂</td>
				<td>￥250</td>
			</tr>
			<tr>
				<td>牛仔库</td>
				<td>￥150</td>
			</tr>
		</table>

Rendering:

Wie stellt man also die Tabellenbreite ein?

Methode 1: Verwenden Sie das width-Attribut des Tabellen-Tags

<table border="1" width="200">
	<tr>
		<td>商品</td>
		<td>价格</td>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

Rendering:

Methode 2: Verwenden Sie das style-Attribut, um den Stil „width: width value;“ hinzuzufügen

<table border="1"   style="max-width:90%">
	<tr>
		<td>商品</td>
		<td>价格</td>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

Rendering :

(Teilen von Lernvideos: CSS-Video-Tutorial, „HTML-Video-Tutorial“)

Das obige ist der detaillierte Inhalt vonSo legen Sie die Tabellenbreite in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!