SORU
9 Mayıs 2011, PAZARTESİ


Nasıl hizalama ınline blok bir dikey bir metin satırı mı?

Bilinmeyen bir genişlik ve yükseklik) bu satıriçi bir blok oluşturmak istiyorum. (İçerik dinamik olarak oluşturulmuş) ile içinde bir tablo var. Inline-block bir metin satırı içinde yer almalıdır, "benim metin (BURADA BLOK)". daha fazla gibi Onu güzel görünmesi içinBlok dikey satırda ortalanmış yapmaya çalışıyorum. Eğer öyleyse bloğu bu gibi görünüyor:

TOP
MIDDLE
BOTTOM

Metin satırı okur sonra da: "Benim metin ( [ORTA] )" (ve çizgisinin altında ALT ÜST)

Şu ana kadar öğrendiklerimi burada.

CSS

.example {
  background-color: #0A0;
  display: inline-block;
  margin: 2px;
  padding: 2px;
  position: relative;
  text-align: center;
}

HTML

<div class="example">TOP<br />MIDDLE<br />BOTTOM</div>

Example

CEVAP
31 Mayıs 2011, Salı


code {
        background: black;
        color: white;
        display: inline-block;
        vertical-align: middle;
}

<p>Some text <code>A<br />B<br />C<br />D</code> continues afterward.</p>

Test ve Safari 5 ve IE6 çalışıyor .

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • alex maybury

    alex maybury

    20 Aralık 2007
  • CommonArtisan

    CommonArtisa

    7 Temmuz 2012
  • Dan Gately

    Dan Gately

    13 AĞUSTOS 2006