• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Odstęp, który zostaje po usunięciu checkboxa (display:none)

0 głosów
109 wizyt
pytanie zadane 18 stycznia 2020 w HTML i CSS przez Kolberg Obywatel (1,530 p.)

Mam problem z pojawiającym się odstępem, mimo użycia display:none; na inpucie typu checkbox.

Żeby dokładnie było widać o co mi chodzi przygotowałem na codepenie: https://codepen.io/Kolberg/pen/abzRajJ

Jak pozbyć się tego odstępu?

3 odpowiedzi

0 głosów
odpowiedź 18 stycznia 2020 przez adam_jankowski Mądrala (5,970 p.)
Drugi <span> ma właściwość w style "display: block;", co automatycznie skutkuje pojawieniem się domyślnego marginesu. Jeśli nie chcesz mieć tej przerwy, po prostu usuń display:block
komentarz 18 stycznia 2020 przez Kolberg Obywatel (1,530 p.)
Właśnie problem w tym że pod tym musi się znajdować element zajmujący na stałe 100% szerokości. Np z inline block ustawionym na 100% problem był nadal. Czy da się ewentualnie usunąć ten domyślny margines? Choć nie do końca jestem pewny czy to jest przyczyna
0 głosów
odpowiedź 18 stycznia 2020 przez Yipman Początkujący (300 p.)

Nie wiem do końca co chcesz zrobić, ale możesz wyjąć checkbox'y, usunąć margin z dolnego span'u oraz line-height. Div który robi przerwę jest wystarczający, choć nie wiem czemu ma służyć. Wejdź na codepen i zobacz czy o to Ci chodziło?

0 głosów
odpowiedź 18 stycznia 2020 przez pablop76 VIP (118,740 p.)

Ukrywasz inputy ale nie ukrywasz etykiet

input[type=checkbox],
label
{
  display: none;
}

 

Podobne pytania

+1 głos
3 odpowiedzi 135 wizyt
pytanie zadane 1 kwietnia w HTML i CSS przez Szyszka Gaduła (3,040 p.)
0 głosów
2 odpowiedzi 91 wizyt
0 głosów
1 odpowiedź 107 wizyt

85,805 zapytań

134,588 odpowiedzi

298,787 komentarzy

56,698 pasjonatów

Advent of Code 2021

Top 15 użytkowników

  1. 494p. - rucin93
  2. 463p. - nidomika
  3. 431p. - CC PL
  4. 385p. - Whistleroosh
  5. 379p. - ScriptyChris
  6. 372p. - adrian17
  7. 340p. - TheLukaszNs
  8. 339p. - WhiskeyTaster
  9. 321p. - Argeento
  10. 318p. - Dagohar
  11. 287p. - Anonim 1794483
  12. 281p. - Klaudia
  13. 278p. - B4mbus
  14. 269p. - b0mbix
  15. 246p. - tokox
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...