Comment définir la largeur du tableau en HTML

Comment définir la largeur du tableau en HTML : 1. Utilisez directement l'attribut width de la balise table, avec la syntaxe "

" 2. Utilisez l'attribut style dans la balise table et ajoutez le style "width :width value;".

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Après avoir ajouté une bordure à la balise table à l'aide de l'attribut border, la largeur par défaut est déterminée par le contenu à l'intérieur :

<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>

Rendu :

Ensuite, Comment définir la largeur du tableau ?

Méthode 1 : Utiliser l'attribut width de la balise table

<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>

Rendu :

Méthode 2 : utilisez l'attribut style pour ajouter le style "width: width value;"

<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>

Rendu :

( Apprentissage du partage vidéo : tutoriel vidéo CSS, "tutoriel vidéo HTML")

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!