CSS에서 텍스트 상자를 숨기는 방법은 텍스트 상자에 표시 속성을 추가하고 속성 값을 없음으로 설정하는 것입니다. 표시 속성은 요소가 생성해야 하는 상자 유형을 지정하는 데 사용됩니다.
이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터.
style="display: none;", 그리고 아래 그림과 같이 공간을 차지하지 않습니다
이때 브라우저에서 페이지를 열면 텍스트 상자가 숨겨져 공간을 차지하지 않는 것을 볼 수 있습니다
display 속성 요소가 생성해야 하는 상자 유형을 지정합니다.
속성 값:
none 이 요소는 표시되지 않습니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p {display:inline}
</style>
</head>
<body>
<p>这两个段落生成内联盒子,和它的结果</p>
<p>这两个元素之间没有距离。</p>관련 동영상 공유: css 동영상 튜토리얼
위 내용은 CSS에서 텍스트 상자를 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
