HTML에서 인라인/인라인 블록 요소 사이의 공백을 제거하는 방법은 무엇입니까?

인라인 블록 요소 사이의 공백을 쉽게 제거할 수 있습니다. 계속하기 전에 먼저 HTML 문서를 만들고 공백이 있는 인라인 블록 요소를 추가해 보겠습니다.

공백이 있는 인라인 블록 요소

inline-block -

값이 있는 표시 속성을 사용하여 인라인 블록 요소의 스타일을 지정합니다. 으아악

아래에 제공된

요소에 대해 위의 스타일을 설정했습니다. -

으아악

이제 공백이 포함된 인라인 블록 요소를 추가하는 전체 예를 살펴보겠습니다. -

예

으아악

인라인 블록 요소 사이의 공백을 제거하려면 글꼴 크기 속성을 사용하세요

font-size 속성을 사용하여 인라인 블록 요소 사이의 공백을 제거할 수 있습니다. 글꼴 크기 속성은 요소의 텍스트 크기에 영향을 줍니다. 가능한 값은 다음과 같습니다. -

• xx-small - 요소의 텍스트 크기를 x-small 값으로 생성된 크기보다 작게 설정합니다.

• x-small - 요소 텍스트의 크기를 small 값으로 생성된 크기보다 작게 설정합니다.

• small - 요소의 텍스트 크기를 중앙값으로 생성된 크기보다 작게 설정합니다.

• medium - 요소의 텍스트 크기를 Large 값으로 생성된 크기보다 작고 Small 값으로 생성된 크기보다 크게 설정합니다.

  李>

• large - 요소의 텍스트를 중앙값 결과보다 큰 크기로 설정합니다.

• x-large - 요소 텍스트의 크기를 Large 값으로 생성된 크기보다 크게 설정합니다.

• xx-large - 요소 텍스트의 크기를 xlarge 값으로 생성된 크기보다 크게 설정합니다.

• larger - 요소의 텍스트를 상위 요소의 텍스트보다 크게 설정합니다.

• smaller - 요소의 텍스트를 상위 요소의 텍스트보다 작게 설정합니다.

• length - 허용되는 길이 값입니다. 글꼴 크기는 음수 길이 값을 허용하지 않습니다.

• Percentage - 상위 요소를 기준으로 요소의 텍스트 크기를 설정합니다.

이제 인라인 블록 요소 사이의 공백을 제거하는 예를 살펴보겠습니다.

으아악

marginright 속성을 사용하여 인라인 블록 요소 사이의 공백을 제거하세요

margin-right 속성을 사용하여 인라인 블록 요소 사이의 공백을 제거할 수 있습니다. -

예

으으으으

위 내용은 HTML에서 인라인/인라인 블록 요소 사이의 공백을 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!