>  기사  >  웹 프론트엔드  >  HTML5를 사용하여 Flexbox의 요소 간 알 수 없는 간격 해결

HTML5를 사용하여 Flexbox의 요소 간 알 수 없는 간격 해결

WBOY
WBOY앞으로
2023-09-12 13:13:02872검색

HTML5를 사용하여 Flexbox의 요소 간 알 수 없는 간격 해결

Flexbox의 요소 간 알 수 없는 간격은 머리글에서 열 분할로의 여백 축소로 인해 발생합니다. 이 문제를 해결하려면 -

  • 머리글의 여백을 0으로 재설정하거나 열에 테두리를 추가하세요.
  • 바에 padding: 10px 속성을 추가하여 바를 채울 수 있습니다.

다음 코드 조각을 사용하여 알 수 없는 간격 문제를 해결해 보세요 -

.bar {
   background: yellow;
   color: gray;
   height: 250px;
   padding: 10px;
   text-align: center;
}

위 내용은 HTML5를 사용하여 Flexbox의 요소 간 알 수 없는 간격 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제