CSS Maksimum Kelime Uzunluğu Hakkında Soru

[Gokss]

http://codepen.io/gokss/pen/NGGjPe
arkadaşlar bu örnekte olduğu gibi belli bir uzunluktan sonra üç nokta "..." koyuyoruz. Fakat ben bunun iki satırlı olmasını istiyorum nasıl yapılabilir sizce ?
Kafam şu an çok bulanık, hiçbir şey düşünemiyorum :D
İstediğim kısaca resim olarak bu: http://i.hizliresim.com/0DMogL.png
İstediğim kısaca kelimelerle max lenghte yükseklik ayarı

[kaRanLık-61]

http://codepen.io/gokss/pen/NGGjPe
arkadaşlar bu örnekte olduğu gibi belli bir uzunluktan sonra üç nokta "..." koyuyoruz. Fakat ben bunun iki satırlı olmasını istiyorum nasıl yapılabilir sizce ?
Kafam şu an çok bulanık, hiçbir şey düşünemiyorum :D
İstediğim kısaca resim olarak bu: http://i.hizliresim.com/0DMogL.png
İstediğim kısaca kelimelerle max lenghte yükseklik ayarı

çok basit genişliği ona göre artır :)
sonradan alt kısmını okudum.
sabit yükseklik ver yani atıyorum iki satır kelime yüksekliği kaçtır.30px olsun zaten kelim iki satır sığacaktır.Genişliğide ona göre ayarlarsın.

[Gokss]

http://codepen.io/gokss/pen/NGGjPe
arkadaşlar bu örnekte olduğu gibi belli bir uzunluktan sonra üç nokta "..." koyuyoruz. Fakat ben bunun iki satırlı olmasını istiyorum nasıl yapılabilir sizce ?
Kafam şu an çok bulanık, hiçbir şey düşünemiyorum :D
İstediğim kısaca resim olarak bu: http://i.hizliresim.com/0DMogL.png
İstediğim kısaca kelimelerle max lenghte yükseklik ayarı

çok basit  genişliği  ona  göre artır :)
sonradan alt kısmını okudum.
sabit  yükseklik ver yani atıyorum iki satır kelime yüksekliği kaçtır.30px olsun zaten kelim iki satır sığacaktır.Genişliğide ona göre ayarlarsın.

Yükseklik ile olmuyor hocam, mantıken denedim ama
white-space: nowrap; kodu bunu engelliyor hocam. bana bir örnek yapabilir misiniz ?

[rayray93]

Scrollbar koy. Yüksekliği % ile 2 satır alabilecek şekilde yap. ($message) gibi bulunan kodunun sonuna da [...] koy. Görsel olarak kandır, kim bilecek? :)

[Gokss]

Scrollbar koy. Yüksekliği % ile 2 satır alabilecek şekilde yap. ($message) gibi bulunan kodunun sonuna da [...] koy. Görsel olarak kandır, kim bilecek? :)

hocam detaylı olarak kodu yazabilir misiniz, zahmet olmazsa ?
http://codepen.io/pen/

[rayray93]

Scrollbar koy. Yüksekliği % ile 2 satır alabilecek şekilde yap. ($message) gibi bulunan kodunun sonuna da [...] koy. Görsel olarak kandır, kim bilecek? :)

hocam detaylı olarak kodu yazabilir misiniz, zahmet olmazsa ?
http://codepen.io/pen/

http://codepen.io/diaslock/pen/PzBQqx

kısaca bu şekilde

[Gokss]

Scrollbar koy. Yüksekliği % ile 2 satır alabilecek şekilde yap. ($message) gibi bulunan kodunun sonuna da [...] koy. Görsel olarak kandır, kim bilecek? :)

hocam detaylı olarak kodu yazabilir misiniz, zahmet olmazsa ?
http://codepen.io/pen/

http://codepen.io/diaslock/pen/PzBQqx

kısaca bu şekilde

maalesef br eklemeden yapacağım hocam. Cümle bir bütün.

[rayray93]

Scrollbar koy. Yüksekliği % ile 2 satır alabilecek şekilde yap. ($message) gibi bulunan kodunun sonuna da [...] koy. Görsel olarak kandır, kim bilecek? :)

hocam detaylı olarak kodu yazabilir misiniz, zahmet olmazsa ?
http://codepen.io/pen/

http://codepen.io/diaslock/pen/PzBQqx

kısaca bu şekilde

maalesef br eklemeden yapacağım hocam. Cümle bir bütün.

ben 2. satıra gelecek kadar uzatmadım cümleyi ondan br koydum. 2. satıra atlayacak kadar uzarsa 2. satırdan aşağısı gözükmeyecek

[Gokss]

Scrollbar koy. Yüksekliği % ile 2 satır alabilecek şekilde yap. ($message) gibi bulunan kodunun sonuna da [...] koy. Görsel olarak kandır, kim bilecek? :)

hocam detaylı olarak kodu yazabilir misiniz, zahmet olmazsa ?
http://codepen.io/pen/

http://codepen.io/diaslock/pen/PzBQqx

kısaca bu şekilde

maalesef br eklemeden yapacağım hocam. Cümle bir bütün.

ben 2. satıra gelecek kadar uzatmadım cümleyi ondan br koydum. 2. satıra atlayacak kadar uzarsa 2. satırdan aşağısı gözükmeyecek

http://i.stack.imgur.com/NE3QH.png anlattığım bu..

css ile olmayacak gibi js kullanayım o zaman..

[Gokss]

Sorunu çözdüm: http://codepen.io/gokss/pen/grjvPQ
yararlanabilirsiniz, herkese teşekkürler.. :)

[kaRanLık-61]

Sorunu çözdüm: http://codepen.io/gokss/pen/grjvPQ
yararlanabilirsiniz, herkese teşekkürler.. :)

dediğim buydu;

http://codepen.io/mustafasevim/pen/pbkLGK

[Gokss]

Sorunu çözdüm: http://codepen.io/gokss/pen/grjvPQ
yararlanabilirsiniz, herkese teşekkürler.. :)

dediğim buydu;

http://codepen.io/mustafasevim/pen/pbkLGK

Tamam hocam çok sağolun, el ile uğraşmak istemedim, her çözünülük farklı olabiliyor :)

[Gokss]

Sorunu çözdüm: http://codepen.io/gokss/pen/grjvPQ
yararlanabilirsiniz, herkese teşekkürler.. :)

dediğim buydu;

http://codepen.io/mustafasevim/pen/pbkLGK

Tamam hocam çok sağolun, el ile uğraşmak istemedim, her çözünülük farklı olabiliyor :)

[kaRanLık-61]

Sorunu çözdüm: http://codepen.io/gokss/pen/grjvPQ
yararlanabilirsiniz, herkese teşekkürler.. :)

dediğim buydu;

http://codepen.io/mustafasevim/pen/pbkLGK

Tamam hocam çok sağolun, el ile uğraşmak istemedim, her çözünülük farklı olabiliyor :)

o zaman kullandığın araç bootstrap gibi yada yüzdeyle yaparsın fakat şu olur 3 noktaya gelmez sığmayan kısım otomatik görünmez.yada karakter sınırlaması yapman gerek onun için js lazım.