위치 <label></label>

Question

친애하는 지역 사회 구성원 내부의 텍스트, 내가 사업부의 중앙에 테스트 안의 텍스트를 배치하고자하는

. 코드는 다음과 같습니다

<div id="main" style="width: 960px;"> 
<form> 
<label for="test">Testing everything:</label> 
</form> 

을 지금은 코드의 다음 섹션하려고하면 : 그것은 내 주요 계층 내부의 텍스트를 중심으로하지 않습니다

<label for="test" style="width: 100%; text-align:center;">Testing everything:</label> 

합니다. 레이블 태그에 라벨을 붙여야하나요?

<div style="width:100%; text-align:center;"><label for="test">Testing everything:</label></div> 

표준 방법은 무엇입니까?

감사합니다.

Answer 1

문제는 매우 간단합니다. label은 블록 수준 태그가 아니므로 레이블 요소에 너비를 부여 할 수 없습니다. 즉, 레이블 요소의 너비는 내용의 너비입니다.

귀하의 경우, 이는 "테스트"div의 전체 너비를 채우지 못하고 센터링 할 수 없다는 것을 의미합니다.

이 문제를 해결하려면, 당신의 라벨에 다음 CSS 속성을 추가

디스플레이 : 인라인 블록;

이렇게하면 레이블이 너비와 높이와 관련된 모든 블록으로 간주되고 100 % 너비가 성공적으로 적용되어 멋지게 가운데 맞춤 텍스트가됩니다.