Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

html - 我的导航栏列表上方有不需要的空间

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

我的列表项上方的空间似乎是元素符号曾经所在的位置，我不想使用负边距来移动我的文本。有没有办法摆脱这个空间？

这是 HTML:

        

            

                
TEST

            

            <điều hướng="">

还有 CSS:

html
{
    chiều cao: 100%;
}

thân hình
{
    lề trái: tự động;
    lề phải: tự động;
    chiều cao: 100%;
    max-width: 95%;
    min-width: 800px;
    border-right: solid thick;
    border-left: solid thick;
}

#gradientbg
{
    max-width: 95%;
    background: -moz-linear-gradient(top, rgba(255,136,0,0) 0%, rgba(255,87,21,0) 84%, rgba(255,79,25,0.88) 98%, rgba(255,79,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,136,0,0)), color-stop(84%,rgba(255,87,21,0)), color-stop(98%,rgba(255,79,25,0.88)), color-stop(100%,rgba(255,79,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,136,0,0) 0%,rgba(255,87,21,0) 84%,rgba(255,79,25,0.88) 98%,rgba(255,79,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,136,0,0) 0%,rgba(255,87,21,0) 84%,rgba(255,79,25,0.88) 98%,rgba(255,79,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,136,0,0) 0%,rgba(255,87,21,0) 84%,rgba(255,79,25,0.88) 98%,rgba(255,79,25,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,136,0,0) 0%,rgba(255,87,21,0) 84%,rgba(255,79,25,0.88) 98%,rgba(255,79,25,1) 100%); /* W3C */
    lặp lại nền: không lặp lại;
    phần đính kèm nền: đã sửa;
}

#pagetitle
{
    chiều cao: 150px;
    chiều rộng: tự động;
    căn chỉnh văn bản: giữa;
    lề trái: tự động;
    lề phải: tự động;
}

.title
{
    Họ phông chữ: Arial, sans-serif;
    font-weight: 100;
    font-size: 50pt;
    padding: 30px 0px 0px 0px;
    lề: 0 tự động;
}

/*Nav menu styling*/

điều hướng
{
    chiều rộng: 90%;
    min-width: 800px;
    lề trái: tự động;
    lề phải: tự động;
}

nav ul
{
    list-style: circle;
    lề: 0;
    phần đệm: 0;
    vị trí: tương đối;
}

nav ul:after
{
    nội dung: "";
    rõ ràng: cả hai;
    hiển thị: khối;
}

nav ul ul
{
    hiển thị: không có;
}

nav ul ul li
{
    float: none;
}

nav ul ul ul
{
    vị trí: tuyệt đối;
    left: 100%;
    đỉnh: 0;
}

nav ul li
{
    width: 25%;
    nổi: trái;
    căn chỉnh văn bản: giữa;
    hiển thị: nội tuyến;
    background: #FF8566;
    lề: 0;
    phần đệm: 0;

}

nav ul li:hover
{
    background: #66FFCC;
}

nav ul li:hover > ul
{
    hiển thị: khối;
}

nav ul li a
{
    trang trí văn bản: không có;
    màu: #000000;
    Họ phông chữ: Arial, sans-serif;
    font-weight: bolder;
    font-size: 16pt;
    hiển thị: khối;
}

nav ul li a:hover {color: #FF3300;}

fiddle - http://jsfiddle.net/PDKVQ/

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

如果删除
从您的菜单链接并将以下行添加到您的 css 它应该可以工作。

在规则 126 (nav ul li a) 添加以下内容: line-height: 50px;

Hy vọng điều này sẽ giúp.

关于html - 我的导航栏列表上方有不需要的空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21238935/

27 4 0
Đề xuất bài viết: CSS ID 的问题。无法样式
Đề xuất bài viết: javascript - 单选按钮复选框
Đề xuất bài viết: CSS 问题 - 包装
Đề xuất bài viết: xcode - Facebook API 快速检索好友列表
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
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