Pertanyaan yang diberi tag «vertical-alignment»

Biasanya gaya atau definisi UI lainnya yang terkait dengan penempatan item antarmuka di bidang vertikal.

5
perataan vertikal elemen teks dalam SVG
Katakanlah saya memiliki file SVG: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> Saya ingin menyelaraskan bagian atas adan b. Sebenarnya, saya ingin posisi saya sesuai dengan rooflinealih - alih baseline!

4
Penjajaran vertikal CSS elemen-elemen sebaris / sebaris
Saya mencoba untuk mendapatkan beberapa komponen inlinedan inline-blockdisejajarkan secara vertikal dalam a div. Bagaimana bisa spandalam contoh ini bersikeras ditekan? Saya sudah mencoba keduanya vertical-align:middle;danvertical-align:top; , tetapi tidak ada perubahan. 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; …

10
Sejajarkan gambar secara vertikal di dalam div dengan tinggi responsif
Saya memiliki kode berikut yang menyiapkan wadah yang memiliki tinggi yang berubah dengan lebar saat browser diubah ukurannya (untuk mempertahankan rasio aspek persegi). 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
rata vertikal tengah dalam <div>
Saya ingin menjaga tinggi #abc divpada 50pxdan teks untuk disejajarkan secara vertikal di tengah 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; Jalankan cuplikan …

6
Perataan vertikal font khusus UIButton
Saya mendapatkan UIButtonyang menggunakan font khusus, yang disetel saat tampilan saya dimuat: - (void)viewDidLoad { [super viewDidLoad]; self.searchButton.titleLabel.font = [UIFont fontWithName: @"FONTNAME" size: 15.0 ]; } Masalah yang saya hadapi adalah font tampak melayang di atas garis tengah. Jika saya mengomentari baris ini, font default muncul di tengah vertikal dengan …

10
Label vertikal (diputar) di Android
Saya membutuhkan 2 cara untuk menampilkan label vertikal di Android: Label horizontal diputar 90 derajat berlawanan arah jarum jam (huruf di samping) Label horizontal dengan huruf satu di bawah yang lain (seperti tanda toko) Apakah saya perlu mengembangkan widget khusus untuk kedua kasus (satu kasus), dapatkah saya membuat TextView untuk …

27
Arah Teks Vertikal
Saya telah mencoba teks untuk pergi ke arah vertikal seperti yang dapat kita lakukan dalam tabel ms-word tetapi sejauh ini saya hanya dapat melakukan INI ... yang saya tidak senang karena ini adalah kotak yang diputar ... Isn ' t ada cara untuk memiliki teks arah vertikal yang sebenarnya? Saya …

9
Teks perataan vertikal CSS di dalam li
Saya menampilkan jumlah kotak dalam satu baris dengan tinggi dan lebar tetap, yang dihasilkan dari tag &lt;li&gt;. sekarang saya perlu meratakan teks di tengah vertikal. Perataan vertikal CSS tidak berdampak, mungkin saya melewatkan sesuatu ??? Saya tidak mencari trik menggunakan (margin, padding, line-height), ini tidak akan berfungsi karena beberapa teks …

5
Bagaimana cara menyelaraskan secara vertikal ke tengah konten div dengan lebar / tinggi yang ditentukan?
Apa metode yang benar untuk memusatkan konten secara vertikal dalam lebar / tinggi yang ditentukan div. Dalam contoh ada dua konten dengan ketinggian berbeda, cara terbaik untuk memusatkan secara vertikal menggunakan kelas .content. (dan berfungsi untuk setiap browser dan tanpa solusi dari table-cell) Miliki beberapa solusi dalam pikiran, tetapi ingin …



Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.