CSS ile ul li uzunluğunu %100 yapmak

CSS ile <ul> etiketi içerisindeki <li> etiketlerinin uzunluğunu tam genişlik (%100) yapabilmek için denemediğim yöntem kalmadı. Önce <ul>'nin uzunluğunın %100 olup olmadığına emin oldum ama ondan sonra <li> etiketleri bir türlü %100 genişlikte olmadı.

Nerede hata yapıyor olabilirim, li neden %100 genişlikte olmaz?

 

Editör editi: sitedeki bazı diğer benzer başlıklar için;

bkz: CSS Flexbox flex-shrink Özelliği Nedir ve Nasıl Kullanılır?

bkz: CSS ile Daire İçine Yazılar Yazmak

bkz: Angular Component'ine css eklemek

bkz: CSS'te px mi kullanmalı yoksa em ya da rem mi?

bkz: CSS'te yorum eklemek ya da kodları yoruma dönüştürmek

bkz: Harflerin yarısına CSS uygulanabilir mi?

oissende

15.08.2021 23:18

Bu soru 1 kez yanıtlandı.

  • 16 Ağustos 2021 01:08
    41

    merhaba, display özelliğini aşağıdaki gibi düzenleyerek full width yapabilirsiniz

    HTML

    <ul>
        <li>yazı</li>
        <li>yazı</li>
        <li>yazı</li>
        <li>yazı</li>
    </ul>

    CSS

    ul {
        display:table;
        width:100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    li {
        display:table-cell;
    }

     

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.