Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Was ist die Methode, um die Höhe einer bestimmten Zeile einer Tabelle in CSS festzulegen?

WBOY
Freigeben: 2021-11-26 16:30:14
Original
3965 Leute haben es durchsucht

So legen Sie die Höhe einer Zeile in der Tabelle fest: 1. Verwenden Sie den Selektor „.class“, um das angegebene Zeilenelement entsprechend dem angegebenen Klassennamen abzugleichen. 2. Verwenden Sie das Attribut „height“, um die Höhe festzulegen passendes Zeilenelement. Die Syntax lautet „.class name { height:height value;}“.

Was ist die Methode, um die Höhe einer bestimmten Zeile einer Tabelle in CSS festzulegen?

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

Was ist die Methode zum Festlegen der Höhe einer bestimmten Tabellenzeile in CSS?

In CSS können Sie den .class-Selektor und das Höhenattribut verwenden, um die Höhe einer bestimmten Tabellenzeile festzulegen Der .class-Selektor wird verwendet, um den Stil aller Elemente der Klasse festzulegen. Das Höhenattribut wird verwendet, um die Höhe eines Elements festzulegen.

Nehmen wir ein Beispiel, um zu sehen, wie die Höhe einer Zeile der Tabelle festgelegt wird. Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
.hang{
height:100px;
}
</style>
<table border="1">
  <tr>
    <td>111</td>
    <td>222</td>
  </tr>
  <tr class="hang">
    <td>333</td>
    <td>444</td>
  </tr>
    <tr>
    <td>555</td>
    <td>666</td>
  </tr>
  <tr>
    <td>777</td>
    <td>888</td>
  </tr>
</table>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Was ist die Methode, um die Höhe einer bestimmten Zeile einer Tabelle in CSS festzulegen?

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas ist die Methode, um die Höhe einer bestimmten Zeile einer Tabelle in CSS festzulegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!