«vertical-alignment» etiketlenmiş sorular

Tipik olarak, dikey düzlemde bir arayüz öğesinin yerleştirilmesiyle ilişkili bir stil veya başka bir UI tanımı.


30
Div içindeki bir görüntüyü dikey olarak hizalama
İçeriği içeren bir görüntüyü nasıl hizalayabilirsiniz? div ? Misal Örneğimde, dikey <img>olarak <div>ile ortalamak gerekir class ="frame": <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frameyüksekliği sabittir ve resmin yüksekliği bilinmiyor. .frameTek çözüm buysa, yeni öğeler ekleyebilirim . Bunu Internet Explorer 7 ve sonrasında WebKit, Gecko'da yapmaya çalışıyorum. Burada jsfiddle …

30
Tüm tarayıcılar için div dikey olarak nasıl ortalanır?
divCSS ile dikey olarak ortalamak istiyorum . Tablo veya JavaScript istemiyorum, sadece saf CSS. Bazı çözümler buldum, ancak hepsinde Internet Explorer 6 desteği eksik. <body> <div>Div to be aligned vertically</div> </body> divInternet Explorer 6 da dahil olmak üzere tüm önemli tarayıcılarda dikey olarak nasıl ortalayabilirim ?

30
Bir div'deki metni dikey olarak nasıl hizalayabilirim?
Bir div ile metin hizalamak için en etkili yolu bulmaya çalışıyorum. Birkaç şeyi denedim ve hiçbiri işe yaramadı. .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
Div içeriğinin dibe hizalanması
Aşağıdaki CSS ve HTML kodum olduğunu varsayalım: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Üstbilgi bölümü sabit yüksekliktedir, ancak üstbilgi içeriği değişebilir. Başlık içeriğinin başlık bölümünün altına dikey olarak hizalanmasını istiyorum, böylece metnin son satırı başlık …

28
Div içindeki öğeleri dikey hizalama
İki resim ve bir h1 . Hepsinin div içinde, yan yana dikey olarak hizalanması gerekir. Görüntülerden birinin absolutediv içinde konumlandırılması gerekir . Bunun tüm yaygın tarayıcılarda çalışması için gereken CSS nedir? <div id="header"> <img src=".." ></img> <h1>testing...</h1> <img src="..."></img> </div>

10
Bir kap Bootstrap'ta dikey olarak nasıl ortalanır?
containerDiv'i dikey jumbotronolarak ortalamanın ve sayfanın ortasına yerleştirmenin bir yolunu arıyorum . Ekranın .jumbotrontam yüksekliğine ve genişliğine uyarlanmalıdır. .containerDiv bir genişliğe sahiptir 1025pxve sayfanın (dikey merkezi) ortasında olmalıdır. Bu sayfanın jumbotronun, jumbotronun dikey olarak ortasıyla birlikte ekranın yüksekliğine ve genişliğine uyarlanmasını istiyorum. Nasıl başarabilirim? .jumbotron { height:100%; width:100%; } .container …

8
Kenar boşluğunu veya dolguyu ana kabın yükseklik yüzdesi olarak nasıl ayarlayabilirim?
Aşağıdaki kullanarak css dikey bir hizalama oluşturmak üzerinde beyin rafa olmuştu .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> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Bu durum bu işe yaramış gibi görünse …

7
Android: Çok satırlı EditText için dikey hizalama (Metin alanı)
Metin alanının yüksekliği için 5 satır olmasını istiyorum. Aşağıdaki kodu kullanıyorum. <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" /> Metin alanı iyi görünüyor, ancak sorun imlecin metin alanının ortasında yanıp sönmesi. İlk satırda, metin alanının ilk karakterinde yanıp sönmesini istiyorum.


30
<Hr /> benzeri bir satırın ortasına ortalanmış metin ekleme
Biri gibi metin her iki tarafında bir çizgi oluşturmak için sıkı xhtml 1.0 katı hangi seçenekleri olduğunu merak ediyorum: Bölüm Bir ----------------------- Sonraki bölüm ----------------------- İkinci bölüm Böyle süslü şeyler yapmayı düşündüm: &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 Veya alternatif olarak, yukarıdakilerin hizalama ile ilgili sorunları …

13
Twitter Bootstrap kullanarak dikey boşluk eklensin mi?
Twitter'ın Bootstrap'ini kullanarak dikey boşluk eklemenin en iyi yolu nedir? Örneğin, bir açılış sayfası oluşturduğumu ve belirli bir düğmenin üstünde ve altında biraz (100 piksel) boş boşluk olmasını istediğimizi varsayalım. Açıkçası, o düğme için belirli bir sınıf oluşturabilirim. Ancak, Bootstrap'in dikey boş alanlara KURU bir şekilde eklenmesi gerektiğini düşünürüm .

9
Bir div içinde değişken yükseklikte içerik dikey olarak nasıl ortalanır?
İçeriğin yüksekliği değişken olduğunda div içeriğini dikey olarak ortalamanın en iyi yolu nedir? Benim özel durumumda, konteyner divinin yüksekliği sabittir, ancak kabın da değişken bir yüksekliğe sahip olduğu durumlarda işe yarayacak bir çözüm olsaydı harika olurdu. Ayrıca, CSS kesmek ve / veya semantik olmayan işaretleme kullanmamak veya çok az kullanmak …

9
Div, mutlak konumlandırılmış üst div içinde dikey olarak nasıl ortalanır
Pembe olanın ortasında mavi kap almaya çalışıyorum, ancak vertical-align: middle;bu durumda işi yapmıyor gibi görünüyor . &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; Sonuç: Beklenti: Lütfen bunu nasıl başarabileceğimi önerin. Jsfiddle

5
SVG'de metin öğesinin dikey hizalaması
Diyelim ki SVG dosyasına sahibim: &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; Bir şekilde üst hizalamak istiyorum ave b. Aslında, konumumun rooflineyerine değil olmasını istiyorum baseline!

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.