2010-03-26 2 views
1

질문은 꽤 똑바로 앞으로 나는 clear:both;display:block;으로 설정된 규칙을 사용하여 텍스트가 행운과 함께 삽입되는 각 목록 항목의 맨 아래에 시도했습니다. 나는 이것에 무엇을해야하는지 정말로 모른다. 긴 연속 된 문자열을 가진 많은 항목을 기대하지는 않지만 예를 들어 누군가가 100 자 정도의 lolololololol 또는 ahaahahahhhhhhhhhhhhaaaaaaaa를 수행하면 오버 플로우됩니다. 누군가가 나에게 포인터를 줄 수 있다면 정말 고맙겠습니다.공백이없는 문자열을 해당 경계 밖으로 넘치지 않게하는 방법이 있습니까?

+3

? AFAIK, 후자는 전적으로 CSS를 사용하는 것이 불가능하며, 전자는 조상의 스타일에 달려 있습니다. 참조 : http://stackoverflow.com/questions/320184/who-has-solved-the-long-word-breaks-my-div-problem-hint-not-stackoverflow, http://stackoverflow.com/questions/ 363425/how-to-wrap-long-lines-spaces-in-html, http://stackoverflow.com/questions/322929/word-wrap-in-css-js 및 많은 다른 사람들 (http : // www .google.com/search? q = site : stackoverflow.com + break + long + words) – outis

+0

공백없이 문자열에 동일한 문제가 있습니다. – Enrique

+0

감사합니다. php wordwrap 함수를 구현할 때, 당신이 afterword 그것을 실행하는 경우 htmlentities 함께 잘 작동합니다. – Scarface

답변

-2

어떤 행동을 찾고 계시나요, 부모 요소를 확장 하시겠습니까? 아니면 단어를 어기시겠습니까? AFAIK, 후자는 전적으로 CSS를 사용하는 것이 불가능하며, 전자는 조상의 스타일에 달려 있습니다. 참조 : stackoverflow.com/questions/320184/..., stackoverflow.com/questions/363425/..., stackoverflow.com/questions/322929/... 및 많은 다른 사람 (google.com/...를) -

1

당신은 숨겨진에 오버 플로우-X의 속성을 설정할 수 있지만 여기에 ... 단순히 영역을 초과 어떤 차단하는 것입니다 내가 프로그래밍을해야한다고 생각

http://jsfiddle.net/TFQNL/

그렇지 않으면 예입니다 헤어지기

4

outis CSS 3로

word-wrap: break-word; 

이 속성은 마이크로 소프트에서 유래와 CSS3에 대한 사양에 그것의 방법을 만들어 :이 문제를 해결하기 위해 CSS-방법이 제공됩니다. 그것은 크롬, 파이어 폭스 3.6, 사파리 4에 정중하게 그 일을 5

참조 : http://www.css3.info/preview/word-wrap/
데모 : http://hacks.mozilla.org/2009/06/word-wrap/ 상위 요소를 확장하거나 단어를 휴식, 찾는거야 행동

+0

stackoverflow 자체가이 솔루션을 사용하는 것을 볼 수 있습니다. http://stackoverflow.com/questions/320184/who-has-solved-the-long-word-breaks-my-div-problem-hint-not-stackoverflow/320467 # 320467 – stefanglase