휴대 전화의 긴 텍스트를 자르십시오.

질문이 있습니다. 내 div에 긴 텍스트가있을 수 있습니다. 이 div에는 고정 된 높이가 없으며 휴대 전화에 문제가 있습니다.휴대 전화의 긴 텍스트를 자르십시오.

예를 들어 내 장치의 너비는 320px이지만 내부 div의 너비는 454px입니다. 긴 단어가 발생합니다. codepen에서 내 문제를 볼 수 있습니다.

CSS로만 문제를 해결할 수 있습니까?

해결해 주시면 감사하겠습니다.

출처

2017-02-01 Alexandr Lunev

내부 상자의 너비가 장치보다 큰 고정 너비가 필요합니까? –

아니요, 내부 상자의 너비가 고정되어 있지 않습니다. 안쪽 상자의 너비는 100 % 여야합니다. –

div의 높이를 고정시키지 않으려면 어떻게 내용을 잘라내시겠습니까? 최대 높이가 있어야합니까? 창 높이가 있어야합니까? –

사용이 CSS 코드 :

p{width:100px; 
 
height:auto; 
 
border:2px solid #000; 
 
    overflow-wrap: break-word;}

<p> this is a biggggggggggggggggggg word</p>

나는이 CSS 코드 내 문제를 해결했습니다

출처

2017-02-01 13:38:36

감사합니다. 그러나 나는 고정 너비가 없습니다. 내 솔루션 :

 .content { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

–

.breaking { 
    -ms-word-break: break-all; 
     word-break: break-all; 
     word-break: break-word; 
    -webkit-hyphens: auto; 
    -moz-hyphens: auto; 
      hyphens: auto; 
}

CBroe

, 당신의 도움을 주셔서 감사합니다.

출처

2017-02-01 13:58:25

휴대 전화의 긴 텍스트를 자르십시오.

답변

관련 문제