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

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

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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!