Tag: vertical-alignment
In der Regel, einen Stil oder anderen UI-definition im Zusammenhang mit der Platzierung ein interface-Element in der vertikalen Ebene.
4
Antworten
Kann ich nicht vertikal zentrieren popup_interstitial_table enthält ein ads-Typ-container. The fiddle ist es autoexplained: http://jsfiddle.net/NomikOS/D8LLM/ jQuery-Lösungen sind auch willkommen. HTML: <div id="popup_interstitial"> <div id="parent"> <div id="popup_interstitial_pro_head_text"> Headline text </div> <div id="child"> <div id="popup_interstitial_table"> <div id="popup_interstitial_row2"> <div id="popup_interstitial_title"><?php
3
Antworten
Habe ich einen Teaser mit einem "toggle"-Animation, wie gesehen werden kann, auf JSFiddle oder unter: CSS: .ax { height:60px; width:150px; background:gold; } .caption { position: absolute; left:0; top: 35%; overflow: hidden; right: 0; background-color: rgba(24,88,140,0.7); width: 100%;
1
Antworten
Ich habe ein HTML-input-element vom Typ select. Die Höhe des Elements wird 28px. Ohne änderung des Elements mit CSS, der text wird innen automatisch vertikal ausgerichtet in allen Browsern außer dem IE8. Im IE8 die wählen Sie
3
Antworten
Ich habe einen problem das macht mich ein wenig verrückt. Ich habe ein kleines div-Element enthält ein größeres Bild (keine Feste Abmessung) Im die Einnahme dieses größere Bild, und ihm eine Breite von 100% zu skalieren, um
3
Antworten
Wie ich ein element mit einem prozentualen Höhe kann ich nicht verwenden Sie die line-height hack. Hat jemand irgendwelche Ideen auf, wie man dieses Problem lösen? <div height="100%"> I want to be vertically aligned in the middle
2
Antworten
Möchte ich die flex-items in voller Höhe, aber der Inhalt in Ihnen werden vertikal zentriert. justify-content: centre funktioniert nicht, und align-self: centre auf das Element selbst schrumpft in seiner Höhe zu seinen eigenen Inhalten, während ich möchte,
1
Antworten
Ich habe eine horizontalpanel mit 3 verticalpanels innen. In der verticalpanels es gibt eigene widgets Muss ich alle verticalpanels die gleiche Höhe hat (auch wenn Sie unterschiedliche Anzahl von widgets innen) und einen Knopf in den leeren
1
Antworten
Ich habe versucht, verwenden Sie den folgenden code zum zentrieren einer <div> in einem anderen <div> durch die Verwendung von CSS, aber es funktioniert nur in Chrome, nicht mit IE9 und Firefox 13.0.1. Das folgende ist meine
5
Antworten
Muss ich vertikal ausrichten, dass die Navigations-Pfeile mit den dia-Bild-egal, was die Fensterbreite ist. Derzeit bringt es bei 50% der gesamten Folie. Ich hoffe, ich konnte das auch mit CSS machen, aber wie es scheint, müssen eventuell
1
Antworten
Möchte ich das Bild innerhalb des Containers vertical align in der Mitte. Ich habe versucht, unten, alle gescheitert: display:"inline-block", alignItems:"center", valign:"middle", verticalAlign:"middle", Mein code ist unten: <p style={{display:"inline-block", alignItems:"center", valign:"middle", verticalAlign:"middle", textAlign:"center", width: "100%", height: "100%" }}>
3
Antworten
Habe ich ein vertikales Menü und benötigen ein Untermenü, um pop-out. Ich habe alles außer mein sub-Menü nicht ausrichten, wo es sollte horizontal. Anstelle, es springt gegen die header div oben. Jede Hilfe würde geschätzt werden. HTML
1
Antworten
Ich habe einen code : http://www.bootply.com/8uA4jyGZKB Möchte ich vertikal zentrieren Sie den text und die Symbole auf der rechten Seite des Bildes. Wie kann ich vertikal zentrieren Sie die Inhalte der col-md-10 div ? InformationsquelleAutor alexandrepa |
3
Antworten
Wie wie zu machen <a> text unten ausrichten? Ich habe height = line-height, und vertical-align:bottom; aber der text immer noch in der Mitte des div. Wie zu tun? Dank Test in http://jsfiddle.net/BanAz/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
2
Antworten
Ich will die input Felder vertikal zentriert in jedem div-viz. color-1 color-2 color-3 Mit vertical-align: middle entweder in jedem div oder input funktioniert nicht. CSS: html, body { height: 100%; margin: 0; padding: 0; } input[type="text"] {
4
Antworten
Wie zu verwenden VerticalAlignment="Stretch" mit einem Label innerhalb einer Canvas? Ich versuche die Mitte der text "Abbrechen" - button, wie im code unten. Verwenden Feste Höhe und Breite für das label ist das nicht die gewünschte option.
1
Antworten
ich versuche, vertikal, richten Sie eine Taste oder eine textview, aber ich kann nicht. Weder android:layout_gravity="center_vertical|center_horizontal" noch android:gravity="center_vertical|center_horizontal" funktioniert. Nicht einmal android:gravity="center" funktioniert der trick. Sie nur richtet das Objekt horizontal. Wie kann ich richten Sie es
3
Antworten
Ich habe eine Tabelle in html. Der Inhalt dieser Tabelle ist text und ein Bild. Ich würde das ausrichten der text in der linken oberen Ecke und das Bild in der Mitte (vertical-align). Ich habe versucht, in
2
Antworten
Ich habe Schaltflächen mit single-Spalte, um innen div. Button-Anzahl ist veränderbar. Ich möchte zum ausrichten von Schaltflächen vertikal aus. "vertical-align:middle" wird nicht funktionieren. Wie kann ich das tun? Div-Höhe ist fixiert. http://jsfiddle.net/WmD3L/ Wie kann ich richten Sie
2
Antworten
Ich habe eine inline-Liste der Elemente, die Elemente innerhalb der Liste kann manchmal ein Bild oder text. Das Bild ist immer auf der gleichen Höhe wie die Liste, aber wie kann ich die vertikale Ausrichtung von text
2
Antworten
Muss ich den ganzen text in <a href="#"><strong>Home</strong><span>This is a home</span></a> unten gesetzt, aber css-code, der nicht funktioniert. css a { text-decoration: none; color: #777; } .menu { margin: 0; list-style: none; } .menu li { position:
3
Antworten
hier ist ein Bild von whats going on: http://imageshack.us/photo/my-images/217/ffbug.png/ hier ist mein code: select { width: 150px; height: 40px; padding-left: 10px; } in chrome und firefox, es vertikal ausgerichtet wählen Sie Werte perfekt. in firefox, die Werte
3
Antworten
Bin ich auf der Suche durch diverse Foren, habe aber noch nicht einen Weg gefunden um mein problem zu lösen. Ich habe ein Stück HTML, das ich die Anzeige in der Ansicht und render um PDF-Dateien mit
5
Antworten
Ich versuche, richten Sie die Beschriftung für das Textfeld in der Mitte der text-box, aber es funktioniert einfach nicht. Die Ausgabe sieht ungefähr so aus: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx Synopsis: xxxxxxxxxxxxxxxxxxxxxxxxxxxx Hier ist der code, den ich versucht
4
Antworten
Weder googeln noch das surfen in der half mir, mich - hoffe jemand hier kann dieses Problem lösen : Ich habe Folgendes html : <ul> <li>ABC 1</li> <li>ABC 2</li> <li>ABC 3</li> <li>ABC 4</li> </ul> - und css
29
Antworten
Ich bin auf der Suche nach die effektivste Weg, um die Ausrichtung für den text mit einem div. Ich habe versucht, ein paar Dinge, und keiner scheint zu arbeiten. CSS: .testimonialText { position: absolute; left: 15px; top:
2
Antworten
Habe ich dieses layout: Meine CSS -: body { background: #e2eaed; } a { text-decoration: none; color: #fff; font-size: 30px; height: 62px; line-height: 62px; /* vertical-align: middle is not works */ background: #8dc73f; width: 132px; padding: 0
4
Antworten
Ich freue mich auf bauen Sie eine QuickInfo, die positioniert ist, neben dem element. Es ist einfach, um es über und unter der Mitte des Elements. Aber gibt es eine Möglichkeit, dies zu tun senkrecht (auf der
1
Antworten
Habe ich Folgendes ion-view : <ion-view view-title="Success" ng-controller="successController" class="success-view"> <ion-content> <div class="row row-center"> <div class="col"> <h1>Success!</h1> <h3>Your login credentials will be SMSed to you shortly</h3> <button class="button button-block button-positive" ui-sref="login"> Okay </button> </div> </div> </ion-content> </ion-view> Ich
13
Antworten
Was ist der beste Weg zum hinzufügen der vertikalen whitespaces mit Hilfe von Twitter Bootstrap? Zum Beispiel, sagen wir mal so, ich bin landing-page erstellen und möchte ein bisschen (100px) der leere Leerraum oberhalb und unterhalb einer
3
Antworten
Mir wurde gesagt, dass: Vertical align funktioniert nur für inline,inline-Blöcke,Bilder und Tabelle Elemente. Es muss angewendet werden auf das Kind-element im Gegensatz zu dem das parent-element, im Gegensatz zu text-align. Allerdings, wenn ich versuchte, zu vertikalen Mitte
3
Antworten
Dies ist für einen sehr einfachen Balkendiagramm ich auf Arbeit bin, <div id="container"> <div style="display:inline-block;"> </div> <div style="display:inline-block;"> </div> <div style="display:inline-block;"> </div> </div> Wenn ich den container auf die relative und die innere divs absolute & bottom:0,
4
Antworten
Möchte ich richten Sie eine Liste der Bilder auf 'von unten', wie kann ich erreichen, das mit CSS? Hintergrund: ich möchte eine Reihe von Fotos zu sein, ausgerichtet auf den Boden, die Bilder sind in verschiedenen Größen.
3
Antworten
Habe ich geändert von Bootstrap 3.0.0 auf 3.2.0 heute morgen, da brauchte ich einige neue features für meine web-Anwendung. Alles schien zu funktionieren wie erwartet, bis ich festgestellt, dass ein Problem mit der vertikalen Ausrichtung von Kontrollkästchen
1
Antworten
Ich bin neu in CSS und vor kurzem Lesen der Beschreibung und habe einige Probleme im Verständnis der vertical-align-Eigenschaft. <div style="border: 1px solid black;"> <span style="border: 1px solid red; padding-left: 1px; line-height: 30px;"></span> <span style="border: 1px solid
2
Antworten
Gibt es eine Möglichkeit, um text vertikal ausgerichtet text Hello World! in der Mitte der Zelle, ohne die Aufteilung in zwei Zellen? <table border="1"> <tr> <td valign="middle" style="vertical-align:middle;"> Hello World! <img src="https://www.google.com/images/srpr/logo3w.png" border="1" /> </td> </tr> </table>
4
Antworten
Warum funktioniert der code unten nicht die Ursache der <table> vertikal ausgerichtet in der Mitte des <div>? <div style="width: 850px; height: 470px;vertical-align: middle;" align="center"> <table style="padding-left: 20px; width: 700px; border: 10px groove #0033CC; background-color: #F9F9F9;"> <tr> <td>
4
Antworten
Variationen über diese Frage schon oft gefragt. Vertikale Zentrierung mit CSS ist eine Herausforderung. Habe ich ein bestimmtes Szenario, den Umgang mit einer Liste horizontal dargestellt. Das markup sieht etwa so aus: <ul id='ul1' class='c'> <li><a href='javascript:void(0)'>Fribble
5
Antworten
Ich versuche zu verstehen, warum die line-height CSS-Eigenschaft platziert den text vertikal in der Mitte dieser Taste: CSS: .btn-order { width: 220px; height: 58px; font-size: 24px; padding: 0; text-align: center; vertical-align: middle; line-height: 58px; border: 1px solid
10
Antworten
Ich versuche, mein text vertikal ausrichten, um die Mitte des div des abc-div nur. Ich will, dass die Höhe auf 50px und text vertikal ausgerichtet in der Mitte des div. Habe ich noch eine Lösung finden für
3
Antworten
Gut, ich habe diese Struktur: CSS: #parent{ max-width: 800px; height: auto; margin: auto; } #child{ position: absolute; width: 100%; height: 52px; display: none; } HTML: <div id="parent"> <div id="child"></div> </div> Dem untergeordneten div-Element ist standardmäßig ausgeblendet. Es
2
Antworten
Ich Baue eine website mit einem flachen design. Ich habe einen header und darunter zwei verschiedenen farbigen Blöcken neben einander. Ich habe versucht, float Links und rechts wurde aber empfohlen, display: inline-block statt. Ich lief in ein
2
Antworten
Ich versuche, die position eines Elements auf der linken und auf der rechten Seite des browser-Fensters, die beide enthält eine ul mit CSS transform rotate. Ich habe es geschafft, die position .rotate-left und seine ul auf der
9
Antworten
Habe ich eine img in gefloateten div-und ich weiß nicht, wie, um es vertikal. <div style="height: 300px"> <img style="height: 50px" src="something" /> </div> vertical-align: middle natürlich nicht funktioniert. http://jsfiddle.net/wKQYj/ Die zwei Möglichkeiten die in diesem Artikel erwähnt
3
Antworten
..wenn die Säulen-Höhe ist abhängig von der Höhe der anderen Spalte? Die Lösung sollte auf dem IE6,7 und Mozilla zumindest. HTML-Tabellen-layout: +------------------------+----------------------+ | nach oben ausgerichtet Absatz | Hier | | | ist eine | | |
2
Antworten
Ich versuche, ein TabControl-Steuerelement, um automatisch die Größe nach Ihren äußeren Raum(es ist in einem StackPanel-Element): <Window x:Class="Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Height="100"> <Grid> <StackPanel> <TabControl BorderBrush="Red" BorderThickness="2" VerticalAlignment="Stretch" VerticalContentAlignment="Stretch"> <TabItem Header="Tab1"/> <TabItem Header="Tab2"/> </TabControl> </StackPanel> </Grid> </Window> Dem
4
Antworten
Ich habe ein div hat eine Höhe von 100vh so, dass es immer auf die Höhe des browser-Bildschirms. In diesem div möchte ich ein Bild platzieren und zentrieren Sie es vertikal zu seinen Eltern. Die Höhe ist
4
Antworten
Ich habe ein Symbol-Bild und text, wie die folgenden. Der code Quelle von allem ist: <img src="...." align="absmiddle" /> My Title Here Das problem ist, dass das Symbol wird nicht vertikal ausgerichtet mit dem Titel in Chrome
5
Antworten
Ich versuche, die Anzeige auf eine Zeile: ein H1-element Links ausgerichtet von der enthaltenden box mehrere "buttons" (A-Elemente) rechts ausgerichtet, der mit box alle auf der selben Basis Ist es möglich, mit minimalem markup (D. H. ohne
2
Antworten
CSS: body { margin: 0; } .header { width: 80%; height: 20%; margin-left: 10%; position: fixed; top: 0; box-sizing: border-box; border-style: solid; border-width: 1px; background-color: green; } .image { width: 20%; height: 100%; float: left; box-sizing: border-box;
25
Antworten
Sagen, ich habe das folgende CSS-und HTML-code: CSS: #header { height: 150px; } HTML: <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Im Kopfbereich eine Feste Höhe, aber die header-Inhalt ändern kann. Ich möchte