2012-09-26 4 views
-2

LI 태그 안의 단락을 래핑 중이고 Li (예 : 200px)의 특정 너비를 설정하더라도 텍스트가 줄 바꿈되지 않고 LI 외부에 표시됩니다. 너비에 맞게 텍스트를 줄 바꿈하는 제안 사항이 있습니까? LI 태그 내의 단락 텍스트

샘플 텍스트

<UL> 
<LI> 
<p>hi hello welcome</p> 
</LI> 
</UL> 

내가 바꿈을 추가하려고 : 단어 휴식; 폭 문제를 해결하기 위해 보이지만 적절한 단어가 어떤 도움을 환영합니다

가 표시됩니다

hi hello wel 
come 

로 포장하고 있지 그.

+0

[재생할 수 없음] (http://jsfiddle.net/PUCnE/) : 축소 된 테스트 케이스는 문제를 줄였습니다. 문제를 나타내는 완벽한 테스트 케이스를 제공하십시오. – Quentin

+0

[markup] (http://jsfiddle.net/XZSWD/)이 아닌 CSS에서 숨겨진 문제입니다. –

+0

CSS는별로 복잡하지 않습니다. 단지 인라인 스타일을 사용하여 200px까지의 너비를 설정합니다. – Bumble

답변

1

word-wrap : break-word; CSS3 규칙이다. 만약 당신이 이것에 의지한다면, 오래된 브라우저에서 문제가 생길 것이라는 확신이 든다. 내가 읽은 것에서 li 대신 단락 태그에 너비를 적용 해 보거나 너비를 더한다. li 및 p 태그에 display : block을 p 태그에 추가해보십시오.