Giriş içinde dolgu genişliği 100%tatili

SORU

4 EYLÜL 2009, Cuma

Giriş içinde dolgu genişliği 100%tatili

Tamam, bu yüzden bir nesneye dolgu ayarı genişliği ise açıkça ayarlanmış değilse bile değişmesine neden olur. Bunun arkasındaki mantık iddia ederken, bazı unsurları ile bazı sorunlara neden olur.

Çoğu durumda, sadece bir alt öğe eklemek ve bir dolgu ekleme yerine olası bir adım değil, 100%, ama form girişleri için bir set.

Şuna bir göz atın: http://sandman.net/test/formcss.html

İkinci giriş ben çok varsayılan ayar tercih 5px doldurma seti vardır. Ama ne yazık ki bu giriş her yöne 10px büyümesini sağlar, 0 genişliği 10px eklemek gibi.

Sorun burada düzeltebilirim. yani giriş içinde bir alt öğe ekleyebilirsiniz. Şimdi soru şu:

Hala genişliğini 100% tutarak girdi içeri doldurma eklemek için herhangi bir yolu var mı? Formları önceden üst genişliğini bilmiyorum çok farklı genişlikte aileler içinde işlerler bu yana 0 olması gerek.

CEVAP

17 Aralık 2012, PAZARTESİ

Özelliğini kullanabilirsiniz kullanarak CSS3box-boyutlandırmatarayıcı ile hesaplamak nasıl değiştirmek içingiriş.

  input.input {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8  */
  }

Bu konuda daha fazla buradan okuyabilirsiniz: http://css-tricks.com/box-sizing/

Bunu Paylaş: