33
4
有谁知道如何使 DIV 的行为方式使其始终尝试占用其最大空间(无论内容如何)？
例如，如果我有一个 chiều cao tối đa 的 DIV的 600pxvà một chiều cao tối thiểucủa 200px ，我怎样才能做到:
Trung tâm cá nhân
Điều phát hành
từ bỏ600px足够它会占据600px 600px之间和 200px它将占据所有可用高度200px或更少它将始终占据 200px ?我可以接受的替代上述方法的方法是忽略最小高度，让它一直向下缩放。
最终，我想在窗口内垂直对齐它，但首先要做的是。
如果可能的话，我更愿意为此使用纯 CSS。如果真到了，我写个脚本来实现也不会太麻烦。
欢迎提出任何建议。
chúc mừng.
câu trả lời hay nhất
仅使用 height 属性，您可以使用一组媒体查询获得此行为
div {
chiều cao: 200px;
}
/* needed to stretch the height of div */
@media all and (min-height: 201px) and (max-height: 600px) {
html, nội dung {
chiều cao: 100%;
}
}
@media all and (min-height: 201px) {
div {
chiều cao: 100%;
}
}
@media all and (min-height: 601px) {
div {
chiều cao: 600px;
/* if you need to vertical-align the div, use following rules */
vị trí: tuyệt đối;
trên cùng: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
}
实例(基本):http://codepen.io/anon/pen/NPGbNq
实时示例(垂直对齐 > 600 像素)http://codepen.io/anon/pen/yyYVag
关于html - 首选/最小高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27227393/
33
4
0
Tôi có biểu đồ bên dưới lấp đầy chiều rộng và chiều cao của màn hình. Chiều cao luôn lớn hơn màn hình một chút, do đó thanh cuộn dường như hiển thị khoảng 20 pixel phía dưới. Có cách nào để làm cho giao diện người dùng Kendo hiển thị 100%, thay vì 105% chiều cao không? Ví dụ trực tuyến:
Câu hỏi này đã có câu trả lời ở đây: Tại sao chiều cao: 100% không hoạt động để mở rộng div lên chiều cao màn hình? (12 câu trả lời) Đã đóng 9 năm trước
Đã xảy ra sự cố với trang này (http://purcraft.com/madeinla/), tôi đang cố gắng hiển thị nội dung của trang này bằng phần tử iframe :( http://purcraft.com/madeinla/ho
Tôi có 2 div con bên trong div cha. Child1 là tiêu đề và Child2 là văn bản. Tôi muốn đặt chiều cao của Con 2 bằng chiều cao của Cha mẹ - Con1. Child2 có nội dung, vì vậy nó
Tôi đang cố gắng lấp đầy một cửa sổ bằng một hình ảnh. Tôi đang sử dụng CSS để thử và giải quyết vấn đề này, nhưng tôi tự hỏi liệu có cách nào để tối đa hóa chiều rộng/chiều cao của hình ảnh cho đến khi lấp đầy toàn bộ khoảng trống mà không làm giảm chất lượng hay không. .rel-img-co
Câu hỏi này đã có câu trả lời ở đây: Cách tạo chiều cao div 100% của cửa sổ trình duyệt (41 câu trả lời) Đã đóng 8 năm trước.
Đây có thể là câu hỏi của người mới, nhưng có thể thêm biểu tượng sprite vào nhãn có văn bản không? Ví dụ: labeltext .icon { width: 30px chiều cao: 30px;
Tôi có 3 div, tiêu đề, nội dung và chân trang. Đầu trang và chân trang có chiều cao cố định và chúng được thiết kế nổi ở trên cùng và dưới cùng. Tôi muốn sử dụng jquery để tự động tính toán con số trung gian
Tôi có một div bên ngoài có chiều rộng/chiều cao được chỉ định tính bằng milimét. (mm chỉ là phép gán, không dùng để kết xuất). Bên trong có một div khác với chiều rộng/chiều cao thực tế tính bằng px. Hai div có thể có tỷ lệ khác nhau. tôi muốn làm gì
Tôi đang sắp xếp bố cục cho một ứng dụng web thư viện rất đơn giản, nhưng khi tôi sử dụng khai báo loại tài liệu HTML5, chiều cao của một số div của tôi (100%) ngay lập tức co lại và dường như tôi không thể làm đầy chúng bằng CSS. HTML của tôi
Tôi đang sắp xếp bố cục cho một ứng dụng web thư viện rất đơn giản, nhưng khi tôi sử dụng khai báo loại tài liệu HTML5, chiều cao của một số div của tôi (100%) ngay lập tức co lại và dường như tôi không thể làm đầy chúng bằng CSS. HTML của tôi
Tôi muốn thay đổi UISearchBar. Chiều cao và chiều rộng của trường văn bản. Câu hỏi của tôi là làm cách nào để thay đổi chiều cao, chiều rộng, màu sắc và chiều cao của UiSearchbar trong UISearchBar trong iphone?
Tôi muốn hai div có chiều rộng và chiều cao 100%. Tôi biết div con sẽ không hoạt động vì div cha không có chiều cao cụ thể, nhưng có cách nào khác không? HTML: CSS: nội dung
Tôi có một số div có lớp "priceText" và tôi đang cố gắng triển khai điều đó nếu chiều cao div.priceText nhỏ hơn 100px thì hình ảnh trong div này sẽ bị ẩn. Tôi không thể làm cho nó hoạt động được. Tôi đã ẩn thành công tất cả .priceT
Tôi đang cố gắng lấy kích thước hình ảnh thực tế từ một hình ảnh được liệt kê trong cột Hình ảnh và hiển thị nó trong cột Kích thước Hình ảnh. Vấn đề tôi gặp phải là tôi chỉ có thể lấy được kích thước của hình ảnh đầu tiên được thêm vào từng ô của cột Kích thước Hình ảnh
Tôi đang sử dụng một plugin yêu cầu tôi lấy chiều rộng và chiều cao của hình ảnh sau khi tải xong, bất kể hình ảnh có kích thước như thế nào.
Tôi có một mẫu pdf (đính kèm) bao gồm một đối tượng văn bản và một đối tượng hình chữ nhật có chiều cao gần như nhau. Sau đó, tôi kiểm tra nội dung của pdf bằng itextrup như sau: 1 1 1 RG 1 1 1 rg 0,12 0 0 0
Tôi mới làm quen với WPF. Một vấn đề tôi đang cố giải quyết là làm cách nào để có được chiều cao chính xác khi chạy. Trong ứng dụng của mình, tôi tự động thêm các điều khiển của người dùng vào Stackpanel ở mã phía sau. Kiểm soát người dùng có chứa một số Texblock
Trong điều khiển WPF tùy chỉnh, tôi muốn đặt chiều rộng của điều khiển làm hàm của chiều cao. Ví dụ: Chiều rộng = Chiều cao/3 * x; Cách tốt nhất để đạt được điều này là gì để điều khiển thay đổi kích thước (và khởi tạo) một cách chính xác và trơn tru? Câu trả lời hay nhất bạn có thể
Chà, tôi nghĩ đây là một câu hỏi đơn giản, nhưng có vẻ như nó làm tôi bối rối. Khi tôi cố gắng đặt chiều cao của RibbonComboBox, nó không di chuyển kích thước thực tế mà thay vào đó di chuyển hộp xung quanh nó. Đây là XAML của tôi:
Tôi là một lập trình viên xuất sắc, rất giỏi!