CSS에서는 표시 속성을 사용하여 행 요소를 블록 요소로 변환할 수 있습니다. 이 속성은 요소가 생성해야 하는 상자 유형을 지정하는 데 사용됩니다. "display:block;" 행 요소를 블록 요소로 변경합니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
span과 같이 행 요소의 크기를 지정할 수 없습니다.
div와 같은 블록 요소만 크기를 지정할 수 있습니다
nbsp;html> <meta> <meta> <!-- <link rel="stylesheet" href="style.css"> --> <style> div { width: 100px; height: 100px; background-color: pink; } a { width: 100px; height: 100px; background-color: pink; } </style> <div>块元素</div> <a>行元素</a>
행 요소를 블록 요소로 변환하시겠습니까?
CSS에서는 display:block
nbsp;html> <meta> <meta> <!-- <link rel="stylesheet" href="style.css"> --> <style> div { width: 100px; height: 100px; background-color: pink; } a { width: 100px; height: 100px; background-color: pink; display: block } </style> <div>块元素</div> <a>行元素</a>
을 통해 행 요소를 블록 요소로 변환할 수 있습니다. 권장 학습: CSS 비디오 튜토리얼
위 내용은 CSS에서 행 요소를 블록 요소로 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!