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

html - hình ảnh tiêu đề không bao phủ chiều rộng trang

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 23:23:52 hai mươi bốn 4
mua khóa gpt4 Nike

Tôi sẽ tiếp tục thực hành HTML và CSS. Tôi đang cố gắng làm cho hình ảnh có chiều rộng của trang và được căn giữa bên dưới tiêu đề. Vì lý do nào đó nó không hoạt động khi tôi cố gắng kéo dài nó. Tôi đoán là tôi chưa tìm ra lựa chọn nào để thực hiện việc này.

CSS

#tiêu đề {

chiều cao: 80px;
background-color: gray;
lề dưới: 60px;


}

.container {

}

.Hình ảnh chính {

hình nền:url(computers.jpg);
height: 400px;
lặp lại nền: không lặp lại;
width: 100%;

}

.Hình ảnh chính img {

position: relative;
kích thước nền: bìa;

}

HTML







Xem sitemap của VNExpress

http://jsfiddle.net/xehu1tg0/

Cập nhật: Hình ảnh IE 10 của tôi bị sai

nhập mô tả hình ảnh ở đây

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

Bạn cần phải kích thước nền: tự động 100%; Thêm vào của bạn .Hình ảnh chính lớp, như được hiển thị dưới đây:

.Hình ảnh chính {
    hình nền:url(http://www.onlineuniversities.com/wp-content/uploads/improving-tech-literacy.jpg);
    chiều cao: 500px;
    lặp lại nền: không lặp lại;
    kích thước nền: tự động 100%;
    width: 100%;
}

chiều cao Và width Thuộc tính chỉ ảnh hưởng đến thành phần vùng chứa chứ không ảnh hưởng đến hình nền.

100% tự động Về cơ bản có nghĩa là kích thước hình ảnh phải bằng 100% chiều rộng của vùng chứa nó và chiều cao sẽ tự động chia tỷ lệ theo chiều rộng (bạn sẽ thấy hai giá trị như vậy, giá trị đầu tiên hầu như luôn liên quan đến trục x và giá trị thứ hai với trục y )

Tôi hy vọng điều này có ý nghĩa?

例子: http://jsfiddle.net/w1020vu1/

Về html - hình ảnh tiêu đề không bao phủ chiều rộng trang, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/27781221/

hai mươi bốn 4 0
Bài viết khuyến nghị: Làm cách nào để thực hiện thao tác bitwise OR trên bảng liệt kê .NET trong tập lệnh chạy với NLua?
Bài viết khuyến nghị: node.js - Giao diện bản mô tả [] và [giao diện]
Bài viết khuyến nghị: node.js - Lỗi: Thuộc tính Chai không hợp lệ: __wd_promise_enriched
Bài viết khuyến nghị: html - Làm cách nào để thêm nhiều thuộc tính CSS vào một Id CSS?
không gian vũ trụ
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