> 웹 프론트엔드 > HTML 튜토리얼 > 스팬의 최소 높이를 정의해도 효과가 없습니다.

스팬의 최소 높이를 정의해도 효과가 없습니다.

高洛峰
풀어 주다: 2017-03-02 15:00:01
원래의
2208명이 탐색했습니다.

어떤 친구들은 특히 너비와 높이를 정의해야 할 때 스팬 태그를 사용하기에 적합하지 않다고 말합니다. 아래에 두 가지 좋은 해결책이 있습니다. 스팬 태그는 HTML 웹 페이지를 만들 때 자주 사용하는데, 이 태그를 사용하는 데 어려움을 겪는 친구들도 있습니다. 많은 친구들이 사용하기 쉽다고 생각하는 것 같지만 사용하기가 매우 번거롭습니다. 키.

한 친구가 이렇게 물었습니다. CSS로 범위의 높이와 너비를 정의한 후에도 마치 실패한 것처럼 너비와 높이가 여전히 변경되지 않는 이유는 무엇입니까?

사실 이 문제는 매우 간단합니다. 먼저 범위의 속성을 이해해야 합니다. 왜냐하면 범위는 인라인 요소이고 인라인 요소는 너비와 높이를 무시하기 때문입니다. 이것을 이해하고 나면 해결책은 매우 간단합니다. 가장 좋은 방법은 CSS를 사용하여 범위를 박스형 요소로 바꾸는 것입니다.

인라인 요소를 박스형 요소로 정의하는 방법에는 두 가지가 있습니다.

1. 디스플레이 속성을 직접 사용하여 박스형 요소로 정의합니다. 코드는 다음과 같습니다.

display:block;
로그인 후 복사

2. float 속성을 사용하여 자동으로 boxed 요소로 정의합니다.


코드는 다음과 같습니다.

float:left;
로그인 후 복사

효과 없이 스팬의 최소 높이를 정의하는 문제를 해결하는 방법에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트에 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿