줄 바꿈 제어 or 줄 바꿈 안 함

1083 단어 줄을 바꾸다
강제로 줄을 바꾸지 않음div{white-space:nowrap;} 자동 줄 바꿈div{word-wrap:break-word;word-break:normal;} 강제 영어 단어 줄 끊기div{word-break:break-all; } 
 
=================================
 
word-wrap과 word-break의 차이
 
word-wrap은 줄을 바꾸는 것을 제어합니다.
break-word는 단어의 단절 여부를 제어합니다.중국어에는 아무런 문제가 없고, 영어 문장도 문제없다.그러나 긴 줄의 영어는 효과가 없다.
normal은 기본적으로 영어 단어가 분리되지 않습니다.
break-all, 단어 끊기.단어가 경계에 이르면 다음 알파벳이 자동으로 다음 줄로 넘어간다.주로 긴 줄의 영어 문제를 해결했다.
keep-all은 Chinese, Japanese, and Korean 부단사를 가리킨다.즉 이때만,word-wrap을 사용하지 않으면 중국어가 줄을 바꾸지 않는다는 것이다.(영어문은 정상)
 
 
=================================
table td 제어는 줄을 바꾸지 않습니다. 나머지 부서는 생략 번호 형식으로 숨겨져 있습니다. (td는width를 지정해야 합니다. 그렇지 않으면 무효입니다.)
<style type="text/css">
	table {
		table-layout:fixed;
	}
	td{
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
</style>
 
{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}//*줄 바꿈 안 함, 초과분 숨기기 및 줄임표로 표시*/
 

좋은 웹페이지 즐겨찾기