CSS로 감싸지 않도록 p 태그를 설정하는 방법-CSS 튜토리얼-php.cn

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

青灯夜游

풀어 주다： 2021-01-28 09:20:02

원래의

16665명이 탐색했습니다.

p 태그를 감싸지 않도록 설정하는 방법: 표시 속성을 사용하고 p 태그 요소의 표시 속성 값을 "inline" 또는 "inline-block"으로 설정하면 p 태그가 다음과 같이 표시됩니다. 인라인 요소 또는 인라인 블록 요소의 경우 요소 앞뒤에 줄 바꿈이 없으므로 줄 바꿈을 만들 수 없습니다.

이 기사의 운영 환경: Acer S40-51, CSS3&&HTML5&&HBuilder 요소는 자체 라인을 차지합니다. 기본적으로 p 태그는 자동으로 래핑됩니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css设置p标签不换行</title>
		<style>
			p{
				background: pink;
			}
		</style>
	</head>
	<body>
		<p>测试文本。</p>
		<p>测试文本。</p>
		<!-- 
		p标签是块级元素，会独占一行
		默认情况下p标签会自动换行的
		 -->
	</body>
</html>

로그인 후 복사

렌더링:

p 태그가 줄 바꿈되지 않도록 하려면 같은 줄에 두 개의 p 태그를 설정하는 방법은 무엇입니까?

p 태그를 감싸지 않도록 설정

css p 태그가 감싸지 않도록 "display:inline;" 또는 "display:inline-block;" 스타일을 설정할 수 있습니다.

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

Rendering:

display:inline;

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

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

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

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