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

Tôi có HTML sau: <div class="outer"> <div class="inner rotate">Centered?</div> </div> div.outerlà một dải hẹp dọc. div.innerđược xoay 90 độ. Tôi muốn dòng chữ "Căn giữa?" để xuất hiện ở giữa trong div vùng chứa của nó. Tôi không biết trước kích thước của một trong hai div. Điều này kết …

76 css  vertical-alignment  centering  vertical-text 

Có bộ chọn CSS nào cho bị vô hiệu hóa input type="submit"hay "button"không? Tôi có nên sử dụng input[type="submit"][disabled]không? Điều đó có hoạt động trong IE6 không?

76 css  css-selectors  submit-button 

Tôi chắc chắn rằng tôi đang thiếu một cái gì đó thực sự thẳng về phía trước. Đang sử dụng một phông chữ tùy chỉnh duy nhất với mặt phông chữ bình thường: @font-face { font-family: CustomFont; src: url('CustomFont.ttf'); } Tất cả đều hoạt động tốt khi tôi sử dụng …

76 css  fonts  font-face 

Trong CSS, có thể tạo kiểu cho placeholdervăn bản trong một đầu vào bằng cách sử dụng kết hợp các lớp giả và phần tử giả dành riêng cho nhà cung cấp (để có được mức độ bao phủ trên nhiều trình duyệt tốt nhất). Tất cả đều có chung …

76 css  css-selectors  pseudo-element  pseudo-class 

Tôi đã đập đầu vào tường trong nhiều giờ để cố gắng tìm ra vấn đề này và nghĩ rằng đó phải là điều gì đó nhỏ nhặt mà tôi đang thiếu. Tôi đã tìm kiếm trực tuyến, nhưng không có gì tôi tìm thấy dường như hoạt động. HTML …

76 css  sidebar  sticky 

Cái này khiến tôi hơi bối rối. Tôi muốn đặt từ đầu tiên của tất cả các đoạn trong div #content của mình ở 14pt thay vì đặt mặc định cho các đoạn (12pt). Có cách nào để thực hiện điều này trong CSS thẳng hay tôi phải gói từ …

76 css 

Giả sử tôi có đánh dấu sau: <li><a href="somehwere">Link text</a></li> Nếu tôi có hình nền trên thẻ, làm cách nào để ẩn văn bản liên kết chỉ bằng css? font-size: 0 dường như hoạt động tốt trên thẻ ngoại trừ trong chương trình ie7 đốm màu nhỏ. Cảm ơn sự …

75 css 

Tôi có một số trang web không có nhiều nội dung và chân trang nằm ở giữa trang, nhưng tôi muốn nó ở dưới cùng. Tôi đã đặt tất cả các trang của mình trong một "người giữ" #holder { min-height: 100%; position:relative; } Và sau đó sử dụng CSS …

75 css  twitter-bootstrap 

Tôi đang định tâm một DIV bên trong một DIV khác bằng flexbox. Hãy nghĩ về một cửa sổ hộp thoại bật lên ở giữa màn hình khi cần thiết. Nó hoạt động tốt, tuy nhiên nó sẽ trông tốt hơn nhiều nếu không gian bên trên và bên dưới …

23 html  css  flexbox  centering 

Tôi đang vật lộn với vấn đề này khá lâu rồi. Vấn đề có thể được nhìn thấy trên các thiết bị di động (Android và iOS), một số thiết bị có thể cần phải phóng to một chút. Trên PC, tôi cũng có thể tái tạo lỗi này trên …

23 html  css 

function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor = "red"; return false; } if (password == "") { document.getElementById("message").innerHTML = "PASSWORD CANNOT BE EMPTY"; document.getElementById("password").style.borderColor = "red"; return false; } } #username:focus { background-color: yellow; …

20 javascript  html  css 

Ví dụ, tôi có cái này: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Chạy đoạn mãẨn kết quảMở rộng đoạn trích và điều này: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> …

19 html  css  acid3 

Tôi có một danh sách, với overflow-xvà overflow-yđược đặt thành auto. Ngoài ra, tôi đã thiết lập cuộn đà, do đó, cuộn cảm ứng hoạt động tốt trên thiết bị di động, sử dụng webkit-overflow-scrolling: true. Tuy nhiên, vấn đề là tôi không thể tìm ra cách vô hiệu hóa …

17 javascript  html  css  angular  ionic-framework 

Tôi đang cố gắng tạo ra một hệ thống menu với một hình ảnh và văn bản ở trên và dưới. Dữ liệu là động. Tôi muốn hệ thống menu xuất hiện sao cho mỗi hình ảnh có khoảng cách bằng nhau với hình ảnh khác nhau để chúng xếp …

17 html  css  flexbox 

Tôi muốn tạo một vòng tròn chấm bằng CSS và tạo nó với quy trình sau. Mặc dù vòng tròn nét đứt có thể được hiển thị theo quy trình này, Khoảng cách giữa điểm cuối và điểm bắt đầu của đường đứt nét trở nên hẹp và khoảng cách …

16 javascript  html  css