CSS는 모든 하위 항목에 여백을 추가합니다.

1840 단어 css
때때로 나는 모든 아이들에게 모바일 기기에 쌓이지 않도록 공간을 좀 더 주고 싶다.만약 내가 이 일을 완성하고 부모 요소에 적용할 수 있는 실용적인 CSS가 있다면 다행이다.
.children-mb-1 > * {
  margin-bottom: 0.25rem !important;
}
.children-mb-2 > * {
  margin-bottom: 0.5rem !important;
}
.children-mb-3 > * {
  margin-bottom: 1rem !important;
}
.children-mb-4 > * {
  margin-bottom: 1.5rem !important;
}
.children-mb-5 > * {
  margin-bottom: 3rem !important;
}
나는 Bootstrap의 값을 채택했다. 왜냐하면 나는 그것을 좋아하기 때문이다.
이렇게

좋은 웹페이지 즐겨찾기