CSS로 감싸지 않도록 p 태그를 설정하는 방법

CSS에서 p 태그가 감싸지 않도록 설정하는 방법: p 태그가 감싸지 않도록 [display:inline] 스타일을 사용합니다. 이 속성은 레이아웃 생성 시 요소에서 생성되는 표시 상자 유형을 정의하는 데 사용됩니다. 코드는 [p{display: inline;} ]입니다.

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

CSS에서 p 태그가 감싸지 않도록 설정하는 방법:

p 태그가 감싸지 않도록 display:inline 스타일을 사용했습니다.

디스플레이 스타일 소개:

display 속성은 요소가 생성해야 하는 상자 유형을 지정합니다.

이 속성은 레이아웃 생성 시 요소에 의해 생성되는 표시 상자 유형을 정의하는 데 사용됩니다. HTML과 같은 문서 유형의 경우 표시를 부주의하게 사용하면 HTML에 이미 정의된 표시 계층 구조를 위반할 수 있으므로 위험할 수 있습니다. XML의 경우 XML에는 이러한 종류의 계층 구조가 내장되어 있지 않으므로 모든 표시가 절대적으로 필요합니다.

속성 값:

• none 이 요소는 표시되지 않습니다.

• block 이 요소는 이 요소 앞뒤에 줄 바꿈이 있는 블록 수준 요소로 표시됩니다.

• 인라인 기본값. 이 요소는 요소 앞이나 뒤에 줄 바꿈이 없는 인라인 요소로 표시됩니다.

• inline-block 인라인 블록 요소. (CSS2.1의 새로운 값)

• list-item 이 요소는 목록으로 표시됩니다.

• run-in 이 요소는 상황에 따라 블록 수준 요소 또는 인라인 요소로 표시됩니다.

• compact CSS에는 Compact 값이 있었지만 폭넓은 지원이 부족하여 CSS2.1에서는 제거되었습니다.

• marker CSS에는 값 표시자가 있지만 광범위한 지원이 부족하여 CSS2.1에서는 제거되었습니다.

• table 이 요소는 블록 수준 테이블(

  과 유사)로 표시되며 테이블 앞뒤에 줄 바꿈이 있습니다.

  inline-table 이 요소는 인라인 테이블(

  과 유사)로 표시되며 테이블 앞뒤에 줄 바꿈이 없습니다.

  table-row-group 이 요소는 하나 이상의 행 그룹으로 표시됩니다(

  와 유사).

  table-header-group 이 요소는 하나 이상의 행 그룹으로 표시됩니다(

  와 유사).

  table-footer-group 이 요소는 하나 이상의 행 그룹으로 표시됩니다(

  와 유사).

  table-row 이 요소는 테이블 행으로 표시됩니다(

  와 유사).

  table-column-group 이 요소는 하나 이상의 열 그룹으로 표시됩니다(

  과 유사).

  table-column 이 요소는 셀 열로 표시됩니다(

  와 유사).

  table-cell 이 요소는 테이블 셀로 표시됩니다(

  inherit는 표시 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.

  예

  css code

  p{display: inline;}

  HTML code

  <p>aaa</p> 
  <p>bbb</p>

  렌더링:

  

  관련 튜토리얼 권장 사항: CSS 비디오 튜토리얼

  및 )

  table-caption 이 요소는 테이블 제목으로 표시됩니다(

위 내용은 CSS로 감싸지 않도록 p 태그를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!