4 beğenilme 0 beğenilmeme
23 gösterim
Merhaba ,

Html sayfamda bir div oluşturduğumda kutu gibi yer kaplıyor ben bunu satır içi olarak nasıl yapabilirim ?
14 Temmuz Css kategorisinde esmadenizkirişçi Senior Developer (1,010 puan) paylaştı | 23 gösterim

1 cevap

0 beğenilme 0 beğenilmeme
En İyi Cevap

CSS Block (Kutu) ve Inline (Satıriçi) İfadeler

Bir HTML elementi kutu yapısında olabilir.

Bu durumda sayfada bulabildiği tüm genişliği kullanan bir kare alan kaplayacaktır. DIV, P, H1 elementleri bu tarz elementlerdir.

Bazı elementler ise satır içinde sadece başladığı ve bittiği yere kadar alan kaplar.

Bunlarsa satıriçi (inline) elementlerdir.

Bir Elementin Kutu Ya Da Satır İçi Olmasını Sağlamak

Element stiline display'ı kullanarak ekleyeceğimiz şu özellikler HTML elementinin kutu mu yoksa satır parçası mı olacağını belirtmemizi ve değiştirmemizi sağlar:

  • display: block; - Element kutu şeklinde alan kaplayacaktır. Kullanıldığı anda yeni bir satırdan başlar.
  • display: inline; - Element satır içinde yer alacaktır. Kullanıldığı satırda devam edecektir.

Element özelliklerini değiştirmekle ilgili iki örnek verelim.

İlk örneğimizde aslında BLOCK (kutu) tarzı olan LI elementini satır içi ifadeye dönüştürüyoruz:

.kutu {

      li { display: inline; }

      span { display: block; }

   }


Yukarıdaki ikinci örnekte ise aslında satır içi özelliğe sahip SPAN elementi BLOCK (kutu) yapısına dönüştürülmüştür.

14 Temmuz serhat.öcal Uzman Coder (13,350 puan) cevapladı
uzmancoder.com'a Hoşgeldiniz. Sitemiz 24.06.2017 tarihinde kurulan bir soru-cevap platformudur.

Siz de aklınıza takılan soruları sorabilir veya diğer sorulara cevaplar yazabilirsiniz.

BU AY EN AKTİF ÜYELER

    96 soru

    81 cevap

    19 yorum

    123 üye

    ×

    Bizi Takip Edin!

    Bumerang - Yazarkafe

    comodo ssl




    96 soru
    81 cevap
    19 yorum
    123 üye