Ausrichtung in einer Tabellenzelle HTML CENTER

Aufgrund der Tatsache , dass der Inhalt der Tabellenzellen gleichzeitig an die ausgerichtet werden
horizontale und vertikale Richtungen, die Möglichkeiten für die Verwaltung Position der Elemente expandierende
relativ zueinander. Tabellen können Sie die Ausrichtung der Bilder einstellen,
Text, Formularfelder und andere Elemente in Bezug zueinander und Webseiten
im Allgemeinen. Im allgemeinen Ausrichtung grundsätzlich notwendig , um eine visuelle Installation
Verbindung zwischen den verschiedenen Elementen und ihrer Gruppierung.

Zentrieren vertikal

Eine Möglichkeit , die Besucherorientierung und den Namen der Website zu zeigen , ist
die Verwendung von Splash - Seiten. Dies ist die erste Seite, auf dem in der Regel,
ist Flash-Schoner oder ein Bild , das die Hauptidee der Website zum Ausdruck bringt. Das Bild
ist auch ein Hinweis auf die anderen Abschnitte der Website. Es geschieht dies
in der Mitte des Browserfensters Figur, unabhängig von der Bildschirmauflösung. Für
diesen Zweck kann man die Tabelle mit der Breite und Höhe von 100% (Beispiel 1) verwendet werden .

Beispiel 1. Centering Muster



  
  Выравнивание
  
 
 
  
alt="Рецепты HTML">

In diesem Beispiel wird die horizontale Ausrichtung mit dem Parameter festgelegt
align = »Mitte» Tag ,
und die vertikalen Zellinhalte nicht zentriert werden können , da diese Position ist
die Standardeinstellung.

Die Höhe des Tisches gesetzt wurde 100% zu sein, ist es notwendig, die entfernen , der Code zur gleichen Zeit sind nicht mehr gültig.

Unter Verwendung die Breite und Höhe des gesamten zur Verfügung stehenden Bereichs der Webseite stellt sicher ,
dass der Inhalt der Tabelle wird genau in der Mitte des Browserfensters ausgerichtet werden, und zwar unabhängig
von seiner Größe.

horizontale Ausrichtung

Durch die Attribute der Kombination des ALIGN (horizontale
Ausrichtung) und valign (vertikale Ausrichtung)
tag , erlaubt , um mehrere zu etablieren
Arten von Positionen relativ zueinander. Fig. 1 zeigt , wie
die Elemente horizontal ausgerichtet sind .

Fig.  1. Richten Sie Elemente Horizontal

Fig. 1. Richten Sie Elemente Horizontal

Betrachten wir einige Beispiele für die Ausrichtung des Textes nach vorgegebenen Muster.

Lesen Sie mehr:   DRIVER ASSEMBLY FÜR WINDOWS 10

oben ausrichten

Um die Ausrichtung der Zellinhalte entlang der oberen Kante angeben, den Tag
Sie das Attribut festlegen mögen valign mit einem Wert von
oben (Beispiel 2).

Beispiel 2 valign Verwendung



 
  
  Выравнивание
 
 
  
Колонка 1 Колонка 2

In diesem Beispiel werden die Eigenschaften der Zellen durch die Parameter des Tags gesteuert
, sondern auch leichter durch die Stile zu bearbeiten.
Insbesondere Ausrichtung in den Zellen angegebene Eigenschaften vertical-align
und Text-align (Beispiel 3).

Beispiel 3. Anwendung von Stilen für die Ausrichtung



 
  
  Выравнивание
  
 
 
  
Колонка 1 Колонка 2

Um den Code zu verkürzen , in diesem Beispiel verwendet Selektoren Gruppierungs
da die Eigenschaften vertical-align und padding
gleichzeitig an den zwei Zellen angewandt werden.

Unten ausrichten ist ähnlich, aber anstelle der oben
verwendeten unten .

zentriert

Standardmäßig wird der Inhalt der Zelle mit der Mitte der Vertikalen ausgerichtet, so dass
im Fall von Säulen unterschiedlicher Höhe erforderlich , um die Ausrichtung der oberen Kante einzustellen.
Manchmal muß noch die ursprünglichen Ausrichtungsverfahren, beispielsweise verlassen, bei der Platzierung
der Formeln, wie in Fig. 2.

Fig.  2. Zugabe der Formel Dokument

Fig. 2. Zugabe der Formel Dokument

In diesem Fall ist die Formel , streng auf der Mitte des Browserfensters, und seine
Nummer - nach rechts. Dazu benötigen Sie Elemente implementieren
eine Tabelle mit drei Zellen. Die letzte Zelle soll die gleiche Größe, in seiner
mittleren Zellenausrichtung wird in der Mitte und auf dem rechten Seite durchgeführt - an der rechten
Kante (Beispiel 4). Diese Anzahl von Zellen ist erforderlich , um zu gewährleisten , um
die Positionierung der Formel in der Mitte.

Lesen Sie mehr:   PROGRAMM FÜR HAUPT UPDATES WINDOWS 7

Beispiel 4: Alignment der Formel



 
  
  Выравнивание
 
  
  
alt="Формула 18.6"> (18.6)

In diesem Beispiel wird die erste Tabellenzelle leer gelassen, es dient nur dazu ,
den Einzug zu erstellen, die, nebenbei bemerkt können, installiert und über Stile werden.

Ausrichtungselemente bilden

Die Tabellen bequem die Position der Formularfelder bestimmen, vor allem , wenn sie
mit dem Text eingestreut sind. Eine der Varianten des Anmeldeformulars, das ausgelegt ist , um
einen Kommentar einzugeben , ist in Fig. 3.

Abbildung 3. Lage der Formularfelder und Text

Abbildung 3. Lage der Formularfelder und Text

Um den Text in der Nähe der Felder des Formulars zu machen nach rechts ausgerichtet ist , und die Elemente selbst
bilden - auf der linken Seite wird eine Tabelle mit einer unsichtbaren Grenze und zwei erfordern
Spalten. In der linken Spalte wird ihren eigenen Text in der rechten Text platzieren
Feld (Beispiel 5).

Beispiel 5: Alignment Felder bilden



 
  
  Выравнивание
 
 
  
Имя
E-mail
Комментарий

In diesem Beispiel für die Zelle , wo wollen Sie die Ausrichtung des rechten einzustellen
Rand des hinzugefügten Attribut der align = »Recht» .
Um die Worte „Note“ am oberen Ende des mehrzeiligen befindet
Text in die entsprechende Zelle wird durch die Ausrichtung der oberen gesetzt
Kante mit dem Attribut valign .

Vertical-align

Internet Explorer Chrom Oper Safari Feuerfuchs Android iOS
6.0+ 8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Kurzinformation

Standardwert Grundlinie
ererbt Nein
anwendbar Durch die Einbauelemente oder Tabellenzellen.
Link zur Spezifikation http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
Lesen Sie mehr:   Wie bei Windows das BIOS 8 eingeben

CSS-Version

CSS 1 CSS 2 CSS 2.1 CSS 3

Beschreibung

Es richtet das Element in vertikaler Richtung relativ zu seinen Eltern, die umgebenden
Textes oder Tabellenzelle.

Syntax

vertical-align: baseline | bottom | Mitte | sub | Super | text-bottom | text oben | oben | erben | Wert | Interesse

Bedeutung

Grundlinie
Richtet die Basislinie an der Basis des Mutterleitungsstromelement. Wenn
das übergeordnete Element keine Basislinie hat, dann wird es für die untere genommen
Grenze der Zelle.
Unterseite
Aligns Basisstromelement am unteren Teil des Seilelements
wird nachstehend alle entfernt.
Mitte
Ausrichtelement Punkt durchschnittliche Basislinie Mutter plus die Hälfte
der Höhe seines Elternteils.
Unter
Das Element wird als Index angegeben, als Index. Die Schriftgröße
wird nicht verändert.
Super
Das Element wird als Exponent bezeichnet, als Exponent. Schriftgröße
bleibt gleich.
text-bottom
Die untere Grenze des Elements ist auf der Unterkante der aktuellen Zeile ausgerichtet ist.
Text-top
Die obere Grenze des Elements wird auf dem höchsten Textelement ausgerichtet
von der aktuellen Zeile.
oben
Die Ausrichtung der oberen Kante des oberen Elements des höchste Linienelement.
erben
Erbt der Wert des Elternteils.

Der Wert kann auch verwendet Prozentsätze, Pixel oder anderen zur Verfügung
Einheiten. Positive Zahlen Element verschiebt sich nach oben relativ zu der Basislinie,
während eine negative Zahl senkt es ab. Bei der Verwendung von Prozent von der Eigenschaftswert Zählen Zeilenhöhe , während ähnlich den Wert 0% Basislinie .

Zur vertikalen Ausrichtung in Tabellenzellen gelten folgende Werte.

Grundlinie
Ausrichtet Basislinienzelle mit der Grundlinie der ersten Textfolge oder einem anderen Unterelementes.
Unterseite
Fluchtet die untere Kante der Zelle.
Mitte
Richtet die Mitte der Zelle.
oben
Ausrichtet, den Inhalt der oberen Kante der Zelle.

Beispiel

HTML5 CSS2.1 IE Cr Op Sa Fx



 
  
  vertical-align
 
 
  
TEX и L style="vertical-align: 5px; font-size: 0.8em">AT style="vertical-align: sub">EX

Das Ergebnis dieses Beispiels ist in Fig. 1.

Anwendungseigenschaften vertical-align

Fig. 1. Die Verwendung von vertikal-align Eigenschaften

Objektmodell

[Fenster.] document.getElementById ( « elementID «) .style.verticalAlign

Browser

Internet Explorer bis einschließlich Version 7.0 nicht den Wert der Unterstützung der vererben .

in anderen Sprachen lesen

 BelorussianEnglisch Deutsch Spanisch Französisch Italienisch Portugiesisch Türkisch Arabisch Ukrainisch Schwedisch Ungarisch Bulgarisch Estnisch Chinesisch (vereinfacht) Vietnamesisch Rumänisch thailändisch Slowenisch Slowakisch serbisch malaiisch Norwegisch Lettisch Litauisch Koreanisch Japanisch Indonesier Hindi Hebräisch Finnisch Griechisch Holländisch Tschechisch Dänisch kroatisch Chinesisch (traditionell) Philippine Urdu Azeybardzhansky Armenischpolnisch Bengali georgisch Kasachisch Katalanisch Mongolski Russisch Tadzhitsky Tamil'skij telugu Uzbetsky

Kommentar hinzufügen

Ihre E-Mail wird nicht veröffentlicht. Erforderliche Felder sind markiert *