질문은 꽤 똑바로 앞으로 나는 clear:both;
및 display:block;
으로 설정된 규칙을 사용하여 텍스트가 행운과 함께 삽입되는 각 목록 항목의 맨 아래에 시도했습니다. 나는 이것에 무엇을해야하는지 정말로 모른다. 긴 연속 된 문자열을 가진 많은 항목을 기대하지는 않지만 예를 들어 누군가가 100 자 정도의 lolololololol 또는 ahaahahahhhhhhhhhhhhaaaaaaaa를 수행하면 오버 플로우됩니다. 누군가가 나에게 포인터를 줄 수 있다면 정말 고맙겠습니다.공백이없는 문자열을 해당 경계 밖으로 넘치지 않게하는 방법이 있습니까?
답변
어떤 행동을 찾고 계시나요, 부모 요소를 확장 하시겠습니까? 아니면 단어를 어기시겠습니까? AFAIK, 후자는 전적으로 CSS를 사용하는 것이 불가능하며, 전자는 조상의 스타일에 달려 있습니다. 참조 : stackoverflow.com/questions/320184/..., stackoverflow.com/questions/363425/..., stackoverflow.com/questions/322929/... 및 많은 다른 사람 (google.com/...를) -
당신은 숨겨진에 오버 플로우-X의 속성을 설정할 수 있지만 여기에 ... 단순히 영역을 초과 어떤 차단하는 것입니다 내가 프로그래밍을해야한다고 생각
그렇지 않으면 예입니다 헤어지기
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/ 상위 요소를 확장하거나 단어를 휴식, 찾는거야 행동
stackoverflow 자체가이 솔루션을 사용하는 것을 볼 수 있습니다. http://stackoverflow.com/questions/320184/who-has-solved-the-long-word-breaks-my-div-problem-hint-not-stackoverflow/320467 # 320467 – stefanglase
? 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
공백없이 문자열에 동일한 문제가 있습니다. – Enrique
감사합니다. php wordwrap 함수를 구현할 때, 당신이 afterword 그것을 실행하는 경우 htmlentities 함께 잘 작동합니다. – Scarface