HTML로 요약된 단락 요소에 공백을 남겨두고 싶지만 공백 기호를 직접 입력하면 절대 작동하지 않습니다. 브라우저는 공백 수를 클릭해도 공백 하나만 표시하기 때문입니다. 마찬가지지만 오늘의 공백 기호 가 도움이 될 수 있습니다. 마지막으로 공백 문자 3개의 순위가 있습니다. 이 글을 함께 살펴볼까요
우선 html 단락 요소에 공백을 설정하는 방법을 살펴보겠습니다:
#🎜🎜 #여러분 HTML 문단에서 문장 사이에 거리를 더 추가하려면 공백을 클릭하면 됩니다. 그러나 대부분의 주류 브라우저에서는 많은 공백이 모두 작은 공백만 표시하므로 코드를 작성할 때 공백 기호는 다음과 같습니다. 현재는 상대적으로 공백기호를 사용하는 경우가 적지만, 세부적인 처리 측면에서는 공백을 좀 남기고 싶을 때 이 공백기호를 사용하는 것이 가장 편리합니다.이제 단락 요소의 공백 문자 설정을 살펴보겠습니다.
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <p>这里是PHP中文网; 这里是PHP中文网;这里是PHP中文网; 这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网 ;这里是PHP中文网;</p> </body> </html>위 코드는 뒤에 많은 공간을 남겨둡니다. 첫 번째 문장 큰 줄, 마지막에 사용한 공백 문자와 어느 쪽이 더 먼가요? 브라우저에 표시된 렌더링을 살펴보겠습니다. 우리는 확실히 알 수 있습니다. 너무 많은 공백을 사용하여 생성된 공백은 브라우저에 작은 공백만 표시됩니다. 공백을 직접 입력하는 것보다 공백 문자를 표시하는 효과가 훨씬 더 커집니다. 물론, 우리는 일반적으로 큰 공간을 비우고 싶지는 않습니다. 심지어 큰 공간을 비우고 싶어도 공백 문자를 사용하지 않습니다. 오늘 우리는 공백 문자  의 사용법에 대해 이야기하고 있습니다. 다른 것은 말할 것도 없고, 이 공백 문자는 일부 게으른 사람들에게 매우 사용하기 쉽습니다. (더 보고 싶으면 PHP 중국어 홈페이지
HTML 개발 매뉴얼 열로 가서 배워보세요)
이제 두 가지를 더 살펴보겠습니다. space 문자 및  동일합니다. 살펴보겠습니다.
: "en space"는 타이포그래피의 측정 단위에 따라 이름이 지정되었으며 너비는 일반 두 개의 너비입니다. 공백: "em 공백"은 일반 공백 4개의 너비입니다. 은 모두 줄 바꿈에 영향을 주지 않는 공백 기호입니다. 때때로 빈 공간이 더 크기 때문에 보다 약간 덜 사용됩니다.
차이점을 자세히 살펴보겠습니다.
<body> <p>这里是PHP中文网;   这里是PHP中文网;这里是PHP中文网; 这里是PHP中文网;这里是PHP中 文网;   这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;</p> </body>내부에 3개의 공백 기호가 추가되어 효과를 살펴보겠습니다. : 3가지 종류의 공간 태그, 위의 디스플레이 사진을 보고 순위를 매기자. 물론 인터넷에서 순위를 매기는 사람들이 많다. 하지만 우리는 우리 자신의 말로 말하고 더 명확하게 알려야 합니다.
이제 위 사진에 따른 순위를 살펴보겠습니다.
1위, 가장 큰 것은 당연히 , 공백 문자가 세 개 있는데, 이는 가장 큰 것도 당연합니다. 두 번째 장소, 즉 두 번째로 큰 빈 장소는 , 이것은 두 번째로 큰 빈 장소로, 마지막 장소보다 거의 두 배나 큽니다. 마지막은 물론 이번 장에서 이야기하고 있는 공백 문자입니다. 비록 빈 공간은 작지만 어떤 곳에서는 여전히 매우 실용적입니다. 자, 오늘의 공간 기사는 여기까지입니다 . 더 자세히 알고 싶으시면 PHP 중국어 웹사이트html참조 매뉴얼 칼럼을 방문하세요. 궁금하신 사항은 아래에서 문의하실 수 있습니다.
【에디터 추천】CSS의 패딩 속성에 음수 값을 가질 수 있나요? CSS의 패딩 속성에 대한 자세한 설명
CSS 의사 요소란 무엇인가요? CSS 의사 요소에 대한 자세한 소개(예제 포함)
위 내용은 HTML 단락 요소에 공백을 설정하는 방법은 무엇입니까? HTML 공간 설정 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!