5.00 / 1 oy

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.

Reitix
CSS ile ul li uzunluğunu %100 yapmak

İ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.