>  기사  >  웹 프론트엔드  >  스팬의 최소 높이를 정의하는 솔루션은 효과가 없습니다_HTML/Xhtml_웹 페이지 제작

스팬의 최소 높이를 정의하는 솔루션은 효과가 없습니다_HTML/Xhtml_웹 페이지 제작

WBOY
WBOY원래의
2016-05-16 16:37:421480검색

스팬 태그는 HTML 웹 페이지를 만들 때 자주 사용하는데, 이 태그를 사용하는 데 어려움을 겪는 친구들도 있습니다. 많은 친구들이 사용하기 쉽다고 생각하는 것 같지만 사용하기가 매우 번거롭습니다. 키.

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

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

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

1. 디스플레이 속성을 직접 사용하여 박스형 요소로 정의합니다.

코드 복사
코드는 다음과 같습니다.
display:block

2. 부동소수점 사용 부동소수점 속성은 이를 자동으로 박스형 요소로 정의합니다.

코드 복사

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