>  기사  >  웹 프론트엔드  >  어떤 상황에서 인라인 요소의 패딩과 여백이 유효하지 않습니까?

어떤 상황에서 인라인 요소의 패딩과 여백이 유효하지 않습니까?

php中世界最好的语言
php中世界最好的语言원래의
2018-05-24 16:03:093311검색

이번에는 인라인 요소 패딩과 마진을 사용할 수 없는 상황과 어떤 상황에서 인라인 요소 패딩과 마진을 사용할 수 없는지 보여드리겠습니다. 주의사항은 무엇인가요? 다음은 실제 사례입니다. 봐.

CSS 사양에 정의된 인라인 요소의 세로 paddingmargin은 고려되지 않습니다. 인라인 요소는 실제로 세로 방향에 여백 효과를 생성하지 않고 paddingmargin值,但是inline元素的marginpadding의 세로 방향을 설정할 수 있습니다. 즉, 레이아웃에 영향을 주지 않습니다.

1. 우선 인라인 요소에 박스 모델이 있나요?
답변: 인라인 요소에도 상자 모델이 있습니다.

2. 인라인 요소의 패딩과 여백이 유효하지 않나요?
답변:

  • 의 padding-top,

    padding-bottom
  • , margin-top,
  • margin-bottom

    속성 설정은

  • padding-left,
  • padding-right가 유효하지 않습니다. 인라인 요소는 유효하지 않습니다.

    , margin-left 및 margin-right 속성 설정은 유효합니다.

인라인 요소의 padding-top 및 padding-bottom은 표시 효과에서 증가하지만 실제로는 설정이 유효하지 않습니다. 주변 요소에는 아무런 영향을 미치지 않습니다.

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 추천 자료:

프런트 엔드 프로젝트에서 프로젝트 구조 초기화

🎜vue-cli는 환경에 따라 테스트 패키지와 프로덕션 패키지를 생성합니다🎜🎜🎜

위 내용은 어떤 상황에서 인라인 요소의 패딩과 여백이 유효하지 않습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.