Câu hỏi được gắn thẻ «css»

CSS (Cascading Style Sheets) là ngôn ngữ biểu định kiểu biểu diễn được sử dụng để mô tả giao diện và định dạng của HTML (Ngôn ngữ đánh dấu siêu văn bản), tài liệu XML (Ngôn ngữ đánh dấu mở rộng) và các yếu tố SVG bao gồm (nhưng không giới hạn ở) màu sắc, bố cục, phông chữ, và hình ảnh động. Nó cũng mô tả cách các yếu tố nên được hiển thị trên màn hình, trên giấy, trong lời nói hoặc trên các phương tiện khác.

7
Cách đặt thuộc tính chiều cao cho SPAN
Tôi cần làm cho mã sau có thể co giãn với chiều cao được xác định trước <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> Nhưng vì span là phần tử nội tuyến nên thuộc tính "height" sẽ không hoạt động. Tôi đã …
88 css  height  html 
22
làm thế nào để tránh trang trống thừa ở cuối khi in?
Tôi đang sử dụng thuộc tính CSS, Nếu tôi sử dụng page-break-after: always;=> Nó in thêm một trang trống trước đó Nếu tôi sử dụng page-break-before: always;=> Nó in thêm một trang trống sau đó. Làm thế nào để tránh điều này? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> …
88 css  printing 
4
Div cố định ở giữa với chiều rộng động (CSS)
Tôi có một div sẽ có CSS ​​này: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Bây giờ, làm thế nào tôi có thể đặt div này ở giữa? Tôi có thể sử dụng margin-left: -450px; left: 50%;nhưng điều này sẽ chỉ hoạt động khi …
88 css  html  center 
10
CSS3 tương đương với jQuery slideUp và slideDown?
Ứng dụng của tôi hoạt động kém với slideDown và slideUp của jQuery. Tôi đang tìm cách sử dụng CSS3 tương đương trong các trình duyệt hỗ trợ nó. Có thể sử dụng chuyển tiếp CSS3 để thay đổi một phần tử từ đó display: none;sang display: block;trong khi trượt …
88 jquery  css  animation 
3
Hàng Bootstrap với các cột có chiều cao khác nhau
Tôi hiện có một cái gì đó như: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Bây giờ giả sử rằng, contentlà các hộp có chiều cao khác nhau, với tất cả cùng chiều rộng - làm …
7
Cách loại bỏ khoảng trống thừa bên dưới svg trong phần tử div
Dưới đây là hình ảnh minh họa sự cố (được thử nghiệm trong Firefox và Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Chạy đoạn mãẨn kết quảMở rộng đoạn mã Xem trên JSFiddle Chú ý redkhông gian thừa bên trong bên divdưới màu xanh lam svg. Đã thử cài …
88 html  css  svg 
10
line-height dưới dạng phần trăm không hoạt động
Tôi đang gặp vấn đề với chiều cao dòng mà tôi không thể hiểu được. Đoạn mã sau sẽ căn giữa một hình ảnh trong một div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img …
87 css 
8
Làm cách nào để căn giữa các tab bootstrap của twitter trên trang?
Tôi đang sử dụng twitter bootstrap để tạo các tab có thể chuyển đổi. Đây là css tôi đang sử dụng: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Html này hiển thị các tab một cách chính xác, …
9
Hai phần tử khối nội tuyến, mỗi phần tử rộng 50%, không nằm cạnh nhau trong một hàng
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Đoạn mã trên đang cố gắng đặt div …
87 html  css 
2
CSS “display: table-column” hoạt động như thế nào?
Với HTML và CSS sau, tôi hoàn toàn không thấy gì trong trình duyệt của mình (Chrome và IE mới nhất tại thời điểm viết bài). Mọi thứ thu gọn xuống 0x0 px. Tại sao? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } …
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.