Pytania otagowane jako vertical-alignment

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

4
Wyrównanie w pionie CSS elementów inline / inline-block
Próbuję uzyskać kilka inlinei inline-blockkomponenty wyrównane pionowo w div. Jak to możliwe, że spanw tym przykładzie nalega na zepchnięcie? Próbowałem obu vertical-align:middle;i vertical-align:top;, ale nic się nie zmienia. HTML: <div> <a></a><a></a> <span>Some text</span> </div>​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; vertical-align:middle; } …

7
Układanie bloków DIV od dołu do góry
Podczas dodawania divs do a divo stałej wysokości, podrzędne elementy DIV będą pojawiać się od góry do dołu, przyklejając się do górnej krawędzi. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Teraz próbuję wyświetlić je od dołu do góry w …

2
Jak wyrównać blok inline w linii tekstu w pionie?
Chcę utworzyć blok inline, który przyjmie nieznaną szerokość i wysokość. (Będzie zawierał tabelę z dynamicznie generowaną zawartością). Ponadto blok inline powinien być umieszczony wewnątrz wiersza tekstu, na przykład „mój tekst (BLOKUJ TUTAJ)”. Aby wyglądało ładnie, staram się, aby blok był wyśrodkowany w pionie w linii . Więc jeśli blok wygląda …

10
Wyrównaj obraz w pionie w elemencie div z elastyczną wysokością
Mam następujący kod, który konfiguruje kontener, którego wysokość zmienia się wraz z szerokością, gdy przeglądarka jest zmieniana (aby zachować kwadratowy współczynnik proporcji). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: 100%; /* …

10
wyrównaj w pionie do środka w <div>
Chcę, aby wysokość #abc divat 50pxi tekst były wyrównane w pionie na środku div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } &lt;div id="main"&gt; &lt;div id="abc"&gt; asdfasdfafasdfasdf &lt;/div&gt; &lt;/div&gt; Uruchom fragment koduUkryj …

6
Wyrównanie w pionie niestandardowej czcionki UIButton
Mam, UIButtonktóry używa niestandardowej czcionki, która jest ustawiana, gdy mój widok się ładuje: - (void)viewDidLoad { [super viewDidLoad]; self.searchButton.titleLabel.font = [UIFont fontWithName: @"FONTNAME" size: 15.0 ]; } Problem polega na tym, że czcionka wydaje się unosić w górę z linii środkowej. Jeśli wykomentuję tę linię, domyślna czcionka jest dobrze wyśrodkowana …

10
Etykieta pionowa (obrócona) w systemie Android
Potrzebuję dwóch sposobów wyświetlania etykiety pionowej w systemie Android: Etykieta pozioma obrócona o 90 stopni w kierunku przeciwnym do ruchu wskazówek zegara (litery z boku) Pozioma etykieta z literami jedna pod drugą (jak szyld sklepu) Czy muszę opracować niestandardowe widżety dla obu przypadków (jeden przypadek), czy mogę sprawić, by TextView …

27
Kierunek tekstu w pionie
Próbowałem, aby tekst był przesuwany w kierunku pionowym, tak jak możemy to zrobić w tabelach ms-word, ale do tej pory byłem w stanie zrobić tylko TO ... z czego nie jestem zadowolony, ponieważ jest to obrócone pudełko ... Czy nie Czy istnieje sposób na uzyskanie rzeczywistego tekstu kierunku pionowego? W …

9
Wyrównanie tekstu CSS w pionie wewnątrz li
Wyświetlam liczbę pól w rzędzie z ustaloną wysokością i szerokością, wygenerowaną z tagów &lt;li&gt;. teraz muszę wyrównać tekst do środka w pionie. Wyrównanie w pionie CSS nie ma wpływu, może coś mi brakuje ??? Nie szukam trików z użyciem (margines, dopełnienie, wysokość linii), te nie zadziałają, ponieważ niektóre teksty są …



8
Jak wyrównać w pionie 2 różne rozmiary tekstu?
Wiem, że aby wyrównać tekst w pionie do środka bloku, ustawiasz wysokość linii na tę samą wysokość bloku. To znaczy, jeśli mam zdanie ze słowem pośrodku 2em. Jeśli całe zdanie ma taką samą wysokość wiersza jak zawierający blok, wówczas większy tekst jest wyrównany w pionie, ale mniejszy tekst znajduje się …

3
Wyrównanie w pionie CSS nie działa z wartością zmiennoprzecinkową
Jak mogę używać vertical-alignjak również floatwe divwłaściwościach? vertical-alignDziała dobrze, jeśli nie używać float. Ale jeśli używam pływaka, to nie działa. Ważne jest, aby użyć float:rightostatniego div. Próbuję wykonać następujące czynności, jeśli usuniesz zmiennoprzecinkowe ze wszystkich elementów div, to będzie działać dobrze: &lt;div class="wrap"&gt; &lt;div class="left"&gt;First div, float left, has more …

4
Jak wyrównać w pionie cały tekst w CSS?
Problem wydaje się, że niektóre litery, takie jak g, y, q, itd., Które mają ogon, które schodzą w dół, nie można dopuścić do pionowego centrowania. Oto zdjęcie przedstawiające problem . Postacie w zielonym polu są w zasadzie idealne, ponieważ nie mają ogona skierowanego w dół. Te w czerwonym polu pokazują …
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.