>웹 프론트엔드 >HTML 튜토리얼 >자동으로 줄 바꿈하지 않거나 줄 바꿈을 강제하지 않는 HTML의 특정 div 구현_HTML/Xhtml_웹 페이지 생성

자동으로 줄 바꿈하지 않거나 줄 바꿈을 강제하지 않는 HTML의 특정 div 구현_HTML/Xhtml_웹 페이지 생성

WBOY
WBOY원래의
2016-05-16 16:38:591669검색

1. 줄 바꿈을 없애려면 태그를 사용하세요

코드 복사
코드는 다음과 같습니다.

안녕하세요! Hello world!


2. 태그 사용

코드 복사코드는 다음과 같습니다.
Hello world! Hello world!
3 줄 바꿈 금지


코드 복사코드는 다음과 같습니다. :
div{
white-space:nowrap;
}

4. div가 두 개인 경우 float를 사용하여 줄을 없앨 수 있습니다. Wrapping


코드 복사코드는 다음과 같습니다.
안녕하세요

world!

.class1 {float:left;}

5. div에 표시를 사용하여 줄바꿈 없이 표시할 수도 있습니다.


코드 복사
코드는 다음과 같습니다.
world!
.class1 {디스플레이:인라인;}
.class2{디스플레이:인라인;}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.