긴 단어가 상자 밖으로 흘러 나옵니다 - 어떻게 방지합니까?

나는 긴 텍스트를 추가해야하는 스타일이 div입니다. 최대 너비 (100px)가 있으며 "텍스트가 내려갑니다". 이제는 문제에 대한 해결책을 찾을 수 없습니다. 긴 텍스트의 경우 상자 밖으로 나옵니다. 나는 높이 문제가 없으므로 필요한 모든 크기가 필요합니다.긴 단어가 상자 밖으로 흘러 나옵니다 - 어떻게 방지합니까?

<style> 
    .infobox { 
     -moz-background-clip: padding;  
     -webkit-background-clip: padding; 
     background-clip: padding-box;  
     border: 6px solid rgba(0,0,0,0.3); 
     -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
     border-radius: 4px; 

     padding: 30px; 
     width: 100px; 
     text-align: center; 

     top: 100px; 
     left: 200px; 
    } 
</style> 

<div class="infobox"> LOOOOOOOOOOOOOOOOOOOOOOOOOOOONG TEXT :)</div>

출처

2011-11-24 Matteo Mosconi

word-wrap: break-word;가 도움이 될 것입니다

이

내 코드입니다.

출처

2011-11-24 19:34:22 kapa

덕분에 많이 @Nacereddine하기위한 감사합니다! 나는 이것을 최대한 빨리 받아 들일 것이다 : D –

나는 오버플로 : auto;를하려고했지만, 당신의 해결책은 훨씬 더 우아하다. 어쨌든,이 솔루션의 [JSFiddle] (http://jsfiddle.net/d59hM/)이 있습니다. – Nasreddine

@Nacereddine 고마워, 괜찮 으면, 나는 그것을 내 대답에 포함시킨다. – kapa

긴 단어가 상자 밖으로 흘러 나옵니다 - 어떻게 방지합니까?

답변

관련 문제