Als «vertical-alignment» getaggte Fragen

In der Regel ein Stil oder eine andere UI-Definition, die mit der Platzierung eines Schnittstellenelements in der vertikalen Ebene verknüpft ist.

21
Text neben einem Bild vertikal ausrichten?
Warum vertical-align: middlefunktioniert das nicht ? Und doch vertical-align: top tut Arbeit. span{ vertical-align: middle; } <div> <img src="http://lorempixel.com/30/30/" alt="small img" /> <span>Doesn't work.</span> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet
30
So richten Sie ein Bild innerhalb eines Div vertikal aus
Wie können Sie ein Bild innerhalb eines Containers ausrichten div? Beispiel In meinem Beispiel muss ich das <img>in <div>mit class ="frame" vertikal zentrieren : <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frameDie Höhe ist fest und die Höhe des Bildes ist unbekannt. Ich kann neue Elemente hinzufügen, .framewenn dies …
30
Wie zentriere ich ein Div für alle Browser vertikal?
Ich möchte eine divmit CSS vertikal zentrieren. Ich möchte keine Tabellen oder JavaScript, sondern nur reines CSS. Ich habe einige Lösungen gefunden, aber allen fehlt die Unterstützung für Internet Explorer 6. <body> <div>Div to be aligned vertically</div> </body> Wie kann ich eine divin allen gängigen Browsern, einschließlich Internet Explorer 6, …
30
Wie richte ich Text in einem Div vertikal aus?
Ich versuche, den effektivsten Weg zu finden, um Text mit einem Div auszurichten. Ich habe ein paar Dinge ausprobiert und keines scheint zu funktionieren. .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: …
25
So richten Sie den Inhalt eines Divs nach unten aus
Angenommen, ich habe den folgenden CSS- und HTML-Code: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Führen Sie das Code-Snippet ausHide resultsErweitern Sie das Snippet Der Header-Abschnitt hat eine feste Höhe, der Header-Inhalt kann sich jedoch ändern. Ich möchte, dass der Inhalt …
28
Wie kann ich Elemente in einem Div vertikal ausrichten?
Ich habe eine Div mit zwei Bildern und einer h1. Alle von ihnen müssen vertikal innerhalb des Div nebeneinander ausgerichtet sein. Eines der Bilder muss absoluteinnerhalb des Div positioniert werden. Was ist das CSS, das benötigt wird, damit es in allen gängigen Browsern funktioniert? <div id="header"> <img src=".." ></img> <h1>testing...</h1> …
8
Wie wird der Rand oder die Polsterung als Prozentsatz der Höhe des übergeordneten Containers festgelegt?
Ich hatte mir den Kopf zerbrochen, um eine vertikale Ausrichtung in CSS zu erstellen .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Führen Sie das Code-Snippet ausHide resultsErweitern Sie das Snippet …
7
Android: Vertikale Ausrichtung für mehrzeiligen EditText (Textbereich)
Ich möchte 5 Zeilen für die Höhe des Textbereichs haben. Ich verwende den folgenden Code. <EditText android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:singleLine="false" android:lines="5" android:layout_marginLeft="10dip" android:layout_marginRight="10dip" /> Der Textbereich sieht gut aus, aber das Problem ist, dass der Cursor in der Mitte des Textfelds blinkt. Ich möchte, dass es in der ersten Zeile …
30
Fügen Sie zentrierten Text in die Mitte einer <hr /> -ähnlichen Zeile ein
Ich frage mich, welche Optionen man in xhtml 1.0 strikt hat, um eine Linie auf beiden Seiten des Textes wie folgt zu erstellen: Abschnitt eins ----------------------- Nächster Abschnitt ----------------------- Abschnitt zwei Ich habe darüber nachgedacht, einige ausgefallene Dinge wie diese zu tun: &lt;div style="float:left; width: 44%;"&gt;&lt;hr/&gt;&lt;/div&gt; &lt;div style="float:right; width: 44%;"&gt;&lt;hr/&gt;&lt;/div&gt; …
9
So zentrieren Sie div vertikal innerhalb des absolut positionierten übergeordneten div
Ich versuche, einen blauen Behälter in der Mitte eines rosa Behälters zu bekommen, aber vertical-align: middle;in diesem Fall scheint dies nicht der Fall zu sein. &lt;div style="display: block; position: absolute; left: 50px; top: 50px;"&gt; &lt;div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"&gt; &lt;div style="background-color: lightblue;"&gt;test&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; Ergebnis: Erwartung: Bitte …
5
vertikale Ausrichtung des Textelements in SVG
Angenommen, ich habe die SVG-Datei: &lt;svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt; &lt;text x='20' y='60' style="font-size: 60px"&gt;b&lt;/text&gt; &lt;text x='100' y='60' style="font-size: 60px"&gt;a&lt;/text&gt; &lt;/svg&gt; Ich möchte irgendwie die Oberseite von aund ausrichten b. Eigentlich möchte ich, dass meine Positionierung der entspricht, rooflineanstatt baseline!
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.