Pytania otagowane jako vertical-alignment

Zwykle styl lub inna definicja interfejsu użytkownika związana z umieszczeniem elementu interfejsu w płaszczyźnie pionowej.

21
Wyrównać tekst pionowo do obrazu?
Dlaczego nie vertical-align: middlezadziała? A jednak vertical-align: top robi pracę. span{ vertical-align: middle; } <div> <img src="http://lorempixel.com/30/30/" alt="small img" /> <span>Doesn't work.</span> </div> Uruchom fragment koduHide resultsRozwiń fragment kodu
30
Jak wyrównać obraz pionowo w div
Jak możesz wyrównać obraz wewnątrz zawierającego div? Przykład W moim przykładzie muszę wyśrodkować <img>w pionie za <div>pomocą class ="frame„: <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .framewysokość jest ustalona, ​​a wysokość obrazu jest nieznana. Mogę dodawać nowe elementy, .framejeśli to jedyne rozwiązanie. Próbuję to zrobić w przeglądarce Internet Explorer …
30
Jak wyśrodkować div dla wszystkich przeglądarek?
Chcę wyśrodkować w divpionie za pomocą CSS. Nie chcę tabel ani JavaScript, ale tylko czysty CSS. Znalazłem kilka rozwiązań, ale we wszystkich brakuje obsługi Internet Explorera 6. <body> <div>Div to be aligned vertically</div> </body> Jak mogę wyśrodkować widok divpionowy we wszystkich głównych przeglądarkach, w tym Internet Explorer 6?
30
Jak wyrównać tekst pionowo w div?
Próbuję znaleźć najbardziej skuteczny sposób wyrównania tekstu do div. Próbowałem kilku rzeczy i żadna z nich nie działa. .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: 1em 0 1em 0; } <div …
25
Jak wyrównać zawartość div do dołu
Powiedz, że mam następujący kod CSS i HTML: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Uruchom fragment koduUkryj wynikiRozwiń fragment kodu Sekcja nagłówka ma stałą wysokość, ale treść nagłówka może ulec zmianie. Chciałbym, aby zawartość nagłówka była wyrównana pionowo do dolnej …
28
Jak wyrównać w pionie elementy w div?
Mam div z dwoma obrazkami i h1. Wszystkie z nich muszą być wyrównane pionowo w div, obok siebie. Jeden z obrazów musi być absoluteumieszczony w div. Czego potrzebuje CSS, aby działał we wszystkich popularnych przeglądarkach? <div id="header"> <img src=".." ></img> <h1>testing...</h1> <img src="..."></img> </div>
10
Jak wyśrodkować pojemnik pionowo w Bootstrap?
Szukam sposobu, aby pionowo wyśrodkować containerdiv wewnątrz jumbotroni ustawić go na środku strony. .jumbotronMusi być przystosowane do pełnej wysokości i szerokości ekranu. .containerDiv ma szerokość 1025pxi powinny być w środku strony (pionowo w środku). Chcę, aby ta strona dostosowała jumbotron do wysokości i szerokości ekranu wraz z pojemnikiem pionowo wyśrodkowanym …
8
Jak ustawić margines lub wypełnienie jako procent wysokości pojemnika nadrzędnego?
Miałem mózg nad tworzeniem pionowego wyrównania w css, używając następującego .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> Uruchom fragment koduHide resultsRozwiń fragment kodu Chociaż zdawało się, że to działa w …
7
Android: Wyrównanie w pionie dla wielowierszowego EditText (obszar tekstowy)
Chcę mieć 5 linii na wysokość pola tekstowego. Korzystam z następującego kodu. <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" /> Obszar tekstowy wygląda dobrze, ale problem polega na tym, że kursor miga na środku pola tekstowego. Chcę, aby migało w pierwszej linii, przy pierwszym znaku w polu tekstowym.
30
Dodaj wyśrodkowany tekst na środku linii podobnej do <hr />
Zastanawiam się, jakie opcje ma jeden w xhtml 1.0 strict, aby utworzyć linię po obu stronach tekstu w podobny sposób: Sekcja pierwsza ----------------------- Następna sekcja ----------------------- Sekcja druga Myślałem o zrobieniu takich fantazyjnych rzeczy: &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; Next section Lub alternatywnie, ponieważ powyższe ma problemy …
13
Dodać pionowe spacje za pomocą Twitter Bootstrap?
Jaki jest najlepszy sposób dodawania pionowych białych znaków za pomocą Bootstrap Twittera? Na przykład, powiedzmy, że tworzę stronę docelową i chcę trochę (100 pikseli) pustej spacji nad i pod określonym przyciskiem. Oczywiście mógłbym stworzyć określoną klasę dla tego konkretnego przycisku. Ale myślę, że Bootstrap powinien mieć SUCHY sposób dodawania pionowych …
9
Jak wyśrodkować w pionie zawartość o zmiennej wysokości w elemencie DIV?
Jaki jest najlepszy sposób na wyśrodkowanie zawartości elementu div w pionie, gdy wysokość zawartości jest zmienna. W moim przypadku wysokość elementu div kontenera jest stała, ale byłoby świetnie, gdyby istniało rozwiązanie, które sprawdzi się w przypadkach, gdy kontener ma również zmienną wysokość. Chciałbym również rozwiązania bez lub z niewielkim wykorzystaniem …
9
Jak wyśrodkować element div w pionie wewnątrz absolutnie umieszczonego nadrzędnego elementu DIV
Próbuję uzyskać niebieski pojemnik w środku różowego, ale wydaje vertical-align: middle;się, że w tym przypadku nie działa. &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; Wynik: Oczekiwanie: Proszę zasugerować, jak mogę to osiągnąć. Jsfiddle
5
wyrównanie w pionie elementu tekstowego w SVG
Powiedzmy, że mam plik SVG: &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; Chcę jakoś wyrównać górę ai b. Właściwie chcę, aby moje pozycjonowanie było zgodne rooflinez baseline!
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.