lostyazilim
tr.link

Karakter sayısını tamamlama

4 Mesajlar 763 Okunma
lstbozum
tr.link

MuhammedArslan MuhammedArslan Msa Web Tasarım Kullanıcı
  • Ü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)
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ı.
 

 

wmaraci
reklam

HapyMan HapyMan Full Stack Developer Kullanıcı
  • Ü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 :
OgrPpm
 

 

MuhammedArslan MuhammedArslan Msa Web Tasarım Kullanıcı
  • Ü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)

HapyMan adlı üyeden alıntı

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 :
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.
 

 

ERENKYI ERENKYI WM Aracı Kullanıcı
  • Ü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?

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.
 

 

wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al