CSS: CSS ile stil ederken Dolgu vs Yükseklik

Question

, ben dolgu özelliği kolayca Ancak dolgu özelliği yüksekliği özelliği ise, benim metin güzel ve merkezi tutar ... Aynı yükseklik özelliği olarak etkileyebilir elde edebilirsiniz fark ettik diğer CSS kurallarını eklememi/hat yüksekliğini ayarlamamı zorlaştırıyor.

Yükseklik özelliğini kaldırmak ve bunun yerine bir elemanın yüksekliği için dolgu kullanmak için "yanlış" ya da yaygın olarak kullanılan CSS standartlarına aykırı mı?

bu ne yankıları getirebilir ?

Answer 1

hem yükseklik hem de dolgu doğal bir elemanın yüksekliği kontrol. Dolgu kullanma yanlış olduğunu, aksine belirli kullanım durumuna bağlı olarak katılmıyorum.

Sabit bir konteynır boyutuna ihtiyaç duyduğunuzda yüksekliği kullanın.

• PRO: Eğer konteyner dikey germek istemiyoruz zaman için kullanışlıdır.
• CON: Eğer punto büyüklükte, marj, dolgu vb
  • gibi özelliklerini değiştirmek Artan boyutları içerikleri gizlemek veya taşmasına neden olabilir olarak kırılgan hale gelir.
  • örneğin bir kaskad değişikliği (ayrıca marjları/dolgu değiştirmek zorunda, ya da kardeş/çocuk elemanlarının boyutu özellikleri neden olabilir, bir font-boyutunu değiştirme.

  Kullanım dolgu

Eğer sabit bir kap yüksekliği gerekir, ancak boşluk eklemek istediğiniz

• PRO yok. Daha kolay font-boyutları, kenar boşluklarını, padding değiştirmek ve artışlarla olabilir kaba ilave içerik eklemek konteynerin dikey büyüklüğünü belirleyin. İçerik/artan boyut özellikleri eklemek kabın dikey olarak gerilmesine neden olacak, bu da bazı senaryolarda istenmeyen bir durumdur.
  • Dikey alanın sınırlı olduğu veya kontrol edilmesi gereken senaryolar için uygun değildir.

kullanımı dakika yükseklik melez bir yaklaşım için ve maksimum yükseklik.PRO

• : o min veya max ulaşıncaya kadar sabit yüksekliği zorlar, ancak dinamik büyümeye içerik sağlar.
• CON: Hala boyut özelliklerine sahip "çağlayan" güncelleme sorunu varsa ve min veya max çarptıktan sonra içerik ekledi.

Answer 2

Evet, eleman yüksekliğini kontrol etmek dolgu kullanmak yanlıştır.

heightpadding kontrol içeriği ve sınır arasındaki mesafe ise elemanın (border-bottom den border-top temelde mesafe) tam yüksekliğini kontrol eder.