Merhabalar;
Veritabanından çektiğim metin ne olursa olsun 100 karakter olarak düzenlemek istiyorum. Eğer metin 100 karakterden uzun ise substr($metin,0,100); ile 100 karaktere indiriyorum. Buraya kadar herşey mükemmel. Fakat eğer metin 100 karakterden kısa ise işler karışıyor. Bu metini nasıl 100 karaktermiş gibi yer kaplamasını sağlayabilirim?
Not: Asıl amaç şu, yan yana divler var. Bütün divlerin hizalı durması için içindeki metinin karakter sayısının aynı olması gerekiyor. Yoksa bir div aşağıda bir div yukarda kalıyor.
Not2: Boşluk, eklemeyi denedim fakat işe yaramadı.
Karakter sayısını tamamlama |
4 Mesajlar | 779 Okunma | ||
- Üyelik 19.02.2017
- Yaş/Cinsiyet 24 / E
- Meslek Web Developer
- Konum Bursa
- Ad Soyad M** A**
- Mesajlar 933
- Beğeniler 136 / 276
- Ticaret 11, (%100)
- Üyelik 14.05.2016
- Yaş/Cinsiyet 32 / E
- Meslek What do you do exactly ?
- Konum İstanbul Avrupa
- Ad Soyad T** T**
- Mesajlar 561
- Beğeniler 171 / 208
- Ticaret 0, (%0)
css ile divlere sabit bir yükseklik ver fazla olanları sil height ile dengele.
kullanman gereken kodlar :
height :300px;
overflow:hidden;
display:block;
float:left;
100 karaktere göre ayarla yüksekliği az olsada aynı yükseklikte kalacaktır.
örnek :
kullanman gereken kodlar :
height :300px;
overflow:hidden;
display:block;
float:left;
100 karaktere göre ayarla yüksekliği az olsada aynı yükseklikte kalacaktır.
örnek :
OgrPpm - Üyelik 19.02.2017
- Yaş/Cinsiyet 24 / E
- Meslek Web Developer
- Konum Bursa
- Ad Soyad M** A**
- Mesajlar 933
- Beğeniler 136 / 276
- Ticaret 11, (%100)
css ile divlere sabit bir yükseklik ver fazla olanları sil height ile dengele.
kullanman gereken kodlar :
height :300px;
overflow:hidden;
display:block;
float:left;
100 karaktere göre ayarla yüksekliği az olsada aynı yükseklikte kalacaktır.
örnek :
kullanman gereken kodlar :
height :300px;
overflow:hidden;
display:block;
float:left;
100 karaktere göre ayarla yüksekliği az olsada aynı yükseklikte kalacaktır.
örnek :
OgrPpmÖncelikle teşekkür ederim, fakat css ler çakışıyor ve garip şeyler oluyor :)
verdiğin kodlar ile div uzunluğunu 500px olarak ayarladım hizalandılar burası okey. Burada 2 şey aklıma takıldı. kısa olan metinlerde devam et butonu ile tarih ve yorum sayısı da yukarda kaldı onları aşağıya nasıl sabitlerim? birde mobil de 500px çok gelip kötü bir görüntü oluşturmaz mı? yani pek mobil uyumlu olucakmış gibi gelmedi :(
+ olarak asıl karşılaştığım sorun css i değiştirdiğimde makalelerin içeriği silindi,gözükmüyor. sanırsam aynı css bölümünü kullanıyorlar ve uyumsuzlar.
- Üyelik 11.07.2017
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum İstanbul Avrupa
- Ad Soyad E** K**
- Mesajlar 169
- Beğeniler 8 / 45
- Ticaret 1, (%100)
Neden flexbox kullanmıyorsun?
Düzenleme: Mobil için düzenledim. Tasarım kötü oldu ama önemli olan fikri anlaman :) Mobil için media>max-width kullanarak max-height ayarlayabilirsin.
https://jsfiddle.net/ERENKYI/e4t3Lnj7/3/Düzenleme: Mobil için düzenledim. Tasarım kötü oldu ama önemli olan fikri anlaman :) Mobil için media>max-width kullanarak max-height ayarlayabilirsin.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)