Maison > interface Web > tutoriel HTML > Comment définir la largeur du HTML TD

Comment définir la largeur du HTML TD

青灯夜游
Libérer: 2023-01-06 11:13:19
original
22248 Les gens l'ont consulté

Comment définir la largeur du html td : 1. Utilisez directement l'attribut width de la balise td, le format de syntaxe est "

"; 2. Dans la balise td, utilisez l'attribut style pour ajouter le style "width: width value;".

Comment définir la largeur du HTML TD

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

1. Utilisez directement l'attribut width de la balise td

L'attribut width spécifie la largeur de la cellule du tableau.

Habituellement, l'espace occupé par une cellule est l'espace dont elle a besoin pour afficher son contenu. L'attribut width est utilisé pour définir une largeur prédéfinie pour la cellule.

Exemple :

<table border="1">
	<tr>
		<td width="100">商品</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>
Copier après la connexion

Rendu :

Comment définir la largeur du HTML TD

2. Utilisez l'attribut style et ajoutez " width: width value; "Style

L'attribut style spécifie le style en ligne de l'élément.

Exemple :

<table border="1">
	<tr>
		<td>商品</td>
		<td style="width: 100px;">价格</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>
Copier après la connexion

Rendu :

Comment définir la largeur du HTML TD

Tutoriel recommandé : "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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal