스팬은 HTML의 블록 요소입니까?
- 青灯夜游원래의
- 2021-11-17 17:36:568819검색
html에서 스팬은 블록 요소가 아닌 인라인 요소(인라인 요소)입니다. 스팬 요소는 주로 텍스트를 수용하는 데 사용되며, 한 줄에 여러 개의 스팬 요소를 표시할 수 있으며, 스팬 요소의 너비와 높이는 내용에 따라 결정되며 너비와 높이 속성으로 설정할 수 없습니다. 블록 요소는 전용 라인을 차지하며 너비와 높이를 설정할 수 있습니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
span은 블록 요소가 아니고 인라인 요소(inline 요소)입니다. 주로 텍스트를 수용하는 데 사용됩니다. 스팬은 콘텐츠 전체를 정의할 뿐 레이아웃이나 디스플레이에 영향을 주지 않고 운영합니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
span {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<span>你好</span> <span>hello</span>
</body>
</html>
여러 스팬 요소가 한 줄에 표시될 수 있으며 스팬 요소의 너비와 높이는 포함된 콘텐츠에 따라 결정되며 너비와 높이로 설정할 수 없음을 알 수 있습니다. 속성. 그리고 이것이 인라인 요소의 특징입니다.
블록 수준 요소
블록 수준 요소의 표시 속성은 일반적으로 블록이라고 말하는 이유는 li의 표시 속성이 목록 항목이고 테이블의 표시 속성이 테이블이기 때문입니다. 하지만 그것들은 모두 블록 수준 요소입니다.
블록 수준 요소의 특징
블록 수준 요소는 한 줄만 차지합니다.
요소의 너비, 높이, 줄 높이, 여백, 패딩을 설정할 수 있습니다.
블록 -레벨 요소는 상위 요소를 차지합니다. (컨테이너)
의 전체 공간은 인라인 요소와 기타 블록 요소를 수용할 수 있습니다.
블록 수준 요소는 왜 자신의 라인을 차지해야 합니까? 블록 수준 요소의 너비는 상위 요소의 전체 너비를 차지하므로 다른 요소를 표시할 추가 공간이 없으며 새 줄만 시작할 수 있습니다.
일반적인 블록 수준 요소는 다음과 같습니다.
<div> <p> <h1>~<h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>
인라인 요소
인라인 요소의 표시 속성은 다음과 같습니다. inline
인라인 요소의 특성
-
및 기타 인라인 요소는 나란히 표시됩니다. 한 줄에
요소의 너비와 높이는 설정할 수 없지만 줄 높이는 line-height로 설정할 수 있습니다.
요소의 너비는 포함된 텍스트나 이미지의 너비이므로 설정할 수 없습니다. 변경됩니다.
인라인 요소는 텍스트 또는 기타 인라인 요소만 수용할 수 있습니다.
인라인 요소는 수평 여백을 설정할 수 있지만 수직은 설정할 수 없습니다. 패딩은 수평 및 수직으로 설정할 수 있습니다.
공통 인라인 요소 요소:
<a> <span> <br> <i> <em> <strong> <label> <q> <var> <cite> <code>
추천 튜토리얼 : "html 비디오 튜토리얼"
위 내용은 스팬은 HTML의 블록 요소입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!