> 웹 프론트엔드 > HTML 튜토리얼 > 디스플레이:인라인 스타일과 div의 범위 간의 차이점에 대해 자세히 논의하세요.

디스플레이:인라인 스타일과 div의 범위 간의 차이점에 대해 자세히 논의하세요.

墨辰丷
풀어 주다: 2018-05-09 17:48:44
원래의
1958명이 탐색했습니다.

이 글에서는 주로 div의 디스플레이:인라인 스타일과 스팬의 차이점에 대해 자세히 설명합니다. 관심 있는 친구들은 함께 자세히 알아볼 수 있습니다!

코드는 다음과 같습니다.

<span style="background-color:red;">xxx</span> 
<span style="background-color:red;">xxx</span> 

 

 
<div style="background-color:red;display:inline">xxx</div> 
<div style="background-color:red;display:inline">xxx</div> 

 

 
<span style="background-color:red;">我是没有间隔的</span><span style="background-color:red;">伟大的hutia,挖哈哈哈</span>
로그인 후 복사

요약:

한 문장에서 CSS의 display:inline-block을 통해 객체에 inline-block 속성을 지정합니다. 객체는 인라인 객체로 렌더링될 수 있지만. 객체의 내용은 객체 렌더링으로 처리됩니다.

관련 권장 사항:

div와span의 차이점은 무엇입니까?

HTML 웹 페이지 레이아웃에서 div와span의 차이점은 무엇입니까? html5의 div 및span html 블록 수준 요소에 대한 자세한 소개

div와span의 차이점은 무엇인가요? 분석 및 설명

위 내용은 디스플레이:인라인 스타일과 div의 범위 간의 차이점에 대해 자세히 논의하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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