margin 과 overflow 속성 으로 div 간격 을 실현 하 는 방법

2508 단어 marginoverflowdiv 간격 실현
4.567916.보통 우 리 는 위의 그림 을 만 들 때 각각 네 개의 div 에 서로 다른 css 속성 을 추가 하여 중간 간격 을 실현 한다.그러나 우리 가 더욱 바 라 는 것 은 html 라벨 에 표 지 를 하지 않 고 css 를 통 해 직접 실현 할 수 있다 는 것 이다.오늘 포럼 에서 샤 오 지 는 좋 은 해결 방안 을 제시 했다.overflow:hidden 속성 을 사용 합 니 다.아마 많은 사람들 이 이미 이렇게 썼 을 것 이다.나 는 써 본 적 이 없어 서 신선 하 다 고 생각한다.하하.사실 이 치 는 매우 간단 합 니 다.우 리 는 정상 적 인 설정 li 의 margin-right,margin-bottom 속성 에 따라 이러한 결 과 는 당연히 우리 가 기대 하 는 것 보다 오른쪽 과 아래 가 많 을 것 입 니 다.이때 우 리 는 ul 의 아버지 급 을 통 해 width/height 속성 을 설정 한 다음 에 overflow:hidden 은 불필요 한 것 을 숨 깁 니 다.좋 은 방법,하하!해결 방법 은 그림 을 보십시오overflow实现div间距 교묘 하 게 overflow:hidden 으로 중간 간격 문 제 를 해결 합 니 다

교묘 한 overflow:hidden 으로 중간 간격 문제 해결

  • Title

    Content

  • Title

    Content

  • Title

    Content

  • 제목

    내용

>[Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]
css 는 A 라벨 의 배경 을 이용 하여 재 미 있 는 효 과 를 낼 수 있 습 니 다.1/2 페이지
안 드 로 이 드 는 읽 기 APP 페 이 징 효과 구현

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage