cuốn sách gpt4 ai đã làm

html - 显示无序列表一直推到div的右边

In lại Tác giả: Walker 123 更新时间:2023-11-28 17:27:36 27 4
mua khóa gpt4 Nike

我很难在 div 中对齐无序列表。

正如您在图片中看到的,我的图标列表被推到右边,而不是占据它们所在的 div 的 100% 宽度。

我很确定这是因为我设置了 list-style-type:none

我不确定如何在不设置负边距的情况下解决这个问题。

我还将添加尚未使用的代码:

div#mobile-nav {
vị trí: tuyệt đối;
chiều rộng: 100%;
chiều cao: tự động;
background-color: orange;
phần đệm: 0px;
margin: 80px 0px 0px 0px;
}
ul.responsive {
min-width: 100%;
lề: 0 tự động;
kiểu danh sách: không có;
}
ul.responsive li {
float: none;
}
ul.responsive li a {
căn chỉnh văn bản: giữa;
màu sắc: đen;
cỡ chữ: 16px;
độ dày phông chữ: đậm;
trang trí văn bản: không có;
đường viền: màu đen đặc 1px;
height: 56px;
hiển thị: khối;
chiều rộng: 100%;
}
ul.topnav li {
hiển thị: không có;
}
ul.topnav li.icon {
phao: đúng;
hiển thị: khối nội tuyến;
}

câu trả lời hay nhất

重置

    của默认填充 :

    div#mobile-nav {
    vị trí: tuyệt đối;
    chiều rộng: 100%;
    chiều cao: tự động;
    background-color: orange;
    phần đệm: 0px;
    margin: 80px 0px 0px 0px;
    }
    ul.responsive {
    min-width: 100%;
    lề: 0 tự động;
    padding: 0; /* Here, reset like this! */
    kiểu danh sách: không có;
    }
    ul.responsive li {
    float: none;
    }
    ul.responsive li a {
    căn chỉnh văn bản: giữa;
    màu sắc: đen;
    cỡ chữ: 16px;
    độ dày phông chữ: đậm;
    trang trí văn bản: không có;
    đường viền: màu đen đặc 1px;
    height: 56px;
    hiển thị: khối;
    chiều rộng: 100%;
    }
    ul.topnav li {
    hiển thị: không có;
    }
    ul.topnav li.icon {
    phao: đúng;
    hiển thị: khối nội tuyến;
    }

    关于html - 显示无序列表一直推到div的右边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38817194/

    27 4 0
    Chứng chỉ ICP Bắc Kinh số 000000
    Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
    Xem sitemap của VNExpress