Heim > Web-Frontend > CSS-Tutorial > So legen Sie die Breite von td mit CSS fest

So legen Sie die Breite von td mit CSS fest

青灯夜游
Freigeben: 2023-01-05 16:10:18
Original
5409 Leute haben es durchsucht

In CSS können Sie das width-Attribut verwenden, um die td-Breite festzulegen. Sie müssen nur den „width:width value;“-Stil festlegen. Das width-Attribut legt die Breite eines Elements fest, wodurch die Breite des Inhaltsbereichs des Elements definiert wird, mit Ausnahme von Auffüllungen, Rändern oder Rändern.

So legen Sie die Breite von td mit CSS fest

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

Definieren Sie eine Tabelleb-Tabelle

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<table border="1">
			<tr>
				<th>商品</th>
				<th>价格</th>
			</tr>
			<tr>
				<td>T恤</td>
				<td>¥100</td>
			</tr>
			<tr>
				<td>牛仔褂</td>
				<td>¥250</td>
			</tr>
			<tr>
				<td>牛仔库</td>
				<td>¥150</td>
			</tr>
		</table><br />
	</body> 
</html>
Nach dem Login kopieren

So legen Sie die Breite von td mit CSS fest

Wie stelle ich die Breite von td mit CSS ein? 🔜 Das Attribut legt das fest Breite des Elements.

Hinweis: Das Attribut „Breite“ umfasst keine Abstände, Ränder und Ränder!

Attributwert:

So legen Sie die Breite von td mit CSS fest

Wert Beschreibung

Auto

Standardwert. Der Browser kann die tatsächliche Breite berechnen.


Länge

Definieren Sie die Breite mit Einheiten wie px, cm usw. %inheritWeitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !
Definiert eine prozentuale Breite basierend auf der Breite des enthaltenden Blocks (übergeordnetes Element).
gibt an, dass der Wert des width-Attributs vom übergeordneten Element geerbt werden soll.

Das obige ist der detaillierte Inhalt vonSo legen Sie die Breite von td mit CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage