2016-04-02 15 views
-1

Öğreniyorum: önce ve sonra: sözde elemanlardan sonra ama neden anlamıyorum anlamıyorum.CSS. Sınıfı sınıflandıramaz ve ': önce' elemanı

Elimde ne: enter image description here

kodum:

jsfiddle down here 

https://jsfiddle.net/ecfobu3g/

Ben ekranı kaldırırsanız: inline-block; the: eleman önce sayfanın solundan geçiş olurdu, Ama ben .title ana elemanının solundan istiyorum.

Özetle, geçişin aynı etkisini elde etmek istiyorum ancak metnin yatay olarak ortalanmasını istiyorum.

.title sınıfının yatay olarak ve .title: ortası yatay olarak ortalanmadan önce ortalanmasını istiyorum.

+0

Like this

biraz daha bilgiye ihtiyacımız var. Tam olarak ne merkezlemeyi istiyorsun? Yatay veya dikey merkezleme? – mareoraft

cevap

1

Çevresinde bir metin ekleme ve metin hizalama: orta;

<div style="text-align : center; "> 
    <h1 data-title='TiPS' class='title'>TiPS</h1> 
</div> 
+0

Çalışmıyor ... Bu, ** ekranını kaldıracak gibi görünüyor: satır içi blok ** – Katallone

+0

Hayır değil ... Sağladığım JSFiddle'u kontrol ettiniz mi? Bu şekilde, animasyonu ekran yerine çıkarmak yerine aynı tutarsınız: Animasyonu değiştiren satır içi bloğu –

+0

Hatalımı. Bu çalışır, ben sadece ** ekran: inline-blok ** .. teşekkürler uncomment unuttum. Son bir soru. neden ** genişlik:% 100 ** koydunuz? – Katallone

0

Sen h1 elemana

width: 100%; 

ekleyebilir. İstediğin buysa, emin değilim.

+1

"Shrink-to-fit width" üreten "display: inline-block" öğesini kaldırmak daha iyi olurdu. – Oriol