yaslı içerik: Açıklanan arasındaki boşluk (CSS)
Görsel olarak bir CSS esnek kutu düzeni oluşturun: esnek yön, içeriği yaslama, hizalama öğeleri, esnek sarma ve kapsayıcıdaki boşluk, ayrıca çocuk başına esnek büyüme, esnek küçültme ve esnek temel, tümü canlı önizleme ve kopyalanabilir CSS ile.
Sonuç
Bu sayfa, oluşturucuyu iki yana yaslama içeriği aradaki boşluk olarak ayarlanmış şekilde açar: ilk kutu kabın başlangıç kenarına yaslanır, son kutu uç kenarına aynı hizada oturur ve kalan alan ortadaki kutular arasında eşit boşluklara bölünür - asla ilkinden önce veya sonuncusundan sonra değil.
İşte insanların karıştırdığı detay bu. Etrafında boşluk, her kutuya her iki tarafında da eşit kenar boşluğu verir, böylece kutular arasındaki boşluklar iki dış kenardaki boşlukların iki katı kadar geniş olur (her kenar iki değil yalnızca bir kutu kenar boşluğu alır). space-evenly daha da ileri gider ve iki dış kenar da dahil olmak üzere her boşluğu aynı boyutta yapar; bu, aralığın baştan sona mükemmel şekilde tekdüze göründüğü üç kenardan tekidir.
Yaslama içeriği açılır menüsünü aşağıdaki üç değer arasında değiştirin ve aynı üç kutunun yeniden düzenlenmesini izleyin; bu, farkı ezberlemek yerine görmenin en hızlı yoludur. Gerçekte istediğiniz boşlukla eşleşen CSS'yi kopyalayın.