"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 웹 개발에서 텍스트가 여러 줄로 감싸지 않도록하는 방법은 무엇입니까?

웹 개발에서 텍스트가 여러 줄로 감싸지 않도록하는 방법은 무엇입니까?

2025-04-30에 게시되었습니다
검색:866

How Can I Prevent Text from Wrapping onto Multiple Lines in Web Development?

흰색 공간 속성

간단하지만 효과적인 솔루션은 흰색 공간 속성을 사용하는 것입니다. 흰색 공간을 Nowrap으로 설정하면 브라우저에 여러 줄을 가로 질러 텍스트가 깨지지 않도록 지시합니다.

div {Div { 흰색 공간 : Nowrap; }

오버플로 및 높이 제어

랩핑 된 텍스트가 지정된 높이를 넘어 확장되는 것을 방지하려면 흰색 공간을 결합합니다. 이 조합은 텍스트를 가로 및 수직으로 잘립니다.
div {
  white-space: nowrap;
}
div { 흰색 공간 : Nowrap; 오버플로 : 숨겨진; }

호환성 고려 사항

이 접근법은 CSS3가 도입되기 전에 모든 주요 브라우저에서 일관되게 작동한다는 점에 유의해야합니다. 그러나 최신 브라우저의 경우 더 넓은 호환성을 위해 텍스트 랩 랩 속성을 사용하는 것이 좋습니다.
            
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3