2014-10-10 2 views
0

나는 khmer 사이트에서 일하고 있는데, 언어를 모르지만 단어가 너무 깁니다. 나는 그들을 div에 맞추려고 노력하고있다. 그러나 그들은 넘치고있다. 단어의 일부가 자동으로 내려 와서 div에 적합하고 흐름 부분이 다음 줄에 오는 방식이 있습니까?div에 넘쳐는 단어

나는 무엇을해야할지 모르겠다. 도와주세요.

이 작동하는 경우 enter image description here

답변

1

참조 첨부 파일에서 이미지를 찾기 - 워드 랩을 : 단어 휴식;

+0

안녕하세요. 작동했습니다. –

2

CSS의 word-wrap 속성을 사용하여 텍스트가 넘치지 않고 div 안에 머물도록해야합니다.

word-wrap: break-word 

See the DEMO here

이 속성없이 확인하고 그것으로

그 차이를 볼 수 있습니다.

+0

안녕하세요. 작동했습니다. –

1

사용 word-wrap CSS 속성 : HTML 내부에 "텍스트 오버 플로우"의 CSS 속성이 있습니다

.mydiv { 
    word-wrap: break-word; 
} 
+0

안녕하세요. 그것은 효과가 있었다. –

+1

@AasimHussainKhan 기꺼이 도와주세요. 확인을 할 때 답을 올바른 답으로 표시하십시오 :) –

1
You can give the below CSS style to the div to prevent the div text from overflowing. 

div { 
    word-wrap: break-word; 
    } 
+0

안녕하세요. 그것은 효과가 있었다. –

0

당신은 기본적으로 오버 플로우를 방지하기 위해 그렇게 somesthing 할 수있는 개체. 컨테이너는 속성이 숨겨진 값을 갖는 오버 플로우 스크롤하거나 자동 때

.ellipsis { 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
} 

reference at W3School

그 텍스트 오버 플로우 속성을 유의하시기 바랍니다에만 발생합니다.

긴 단어를 "자르기"보다는 여러 줄로 왜곡하려면 "단어 줄 바꿈 : 구분 단어"를 사용할 수 있습니다. 브라우저가 긴 단어를 분리하게됩니다. (reference)

두 사양 모두 널리 지원되지만 매우 오래된 브라우저는 무시할 수 있습니다. 참조에서 세부 사항을 볼 수 있습니다.

+0

안녕하세요. 효과가있다. –