넘치지 않고 다음 줄에 텍스트를 표시하려면 어떻게해야합니까?

넘치지 않고 다음 줄에 텍스트를 표시하려면 어떻게해야합니까? [복제]

---

이 질문에 이미 답변이 있습니다.

• HTML에서 텍스트를 줄 바꿈하는 방법은 무엇입니까? 16 답변

내 페이지에 텍스트가 포함 된 고정 너비 div가 있습니다. 긴 문자열을 입력하면 오버플로됩니다. 오버플로를 숨기고 싶지 않습니다. 새 줄에 오버플로를 표시하고 싶습니다. 아래를 참조하세요.

<div id="textbox" style="width:400px; height:200px;">
dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssfddddddddddddddddddddddsdffffffffffffffffsdffffffffffffffffdfssssssssssssdf
</div>

어쨌든 오버플로를 비활성화하고 넘침 텍스트를 새 줄에 넣는 방법이 있습니까 ??? Twitter는 이와 같은 작업을 수행하지만 CSS로 Javascript를 사용하고있을 가능성이 있음을 알 수 없습니다.

아무도 이것으로 도울 수 있습니까 ??

---

word-wrap: break-word

그러나 CSS3- http: //www.css3.com/css-word-wrap/ 입니다.

---

그냥 추가

white-space: initial;

텍스트에 줄 텍스트가 자동으로 다음 줄에 표시됩니다.

---

Try the <wbr> tag - not as elegant as the word-wrap property that others suggested, but it's a working solution until all major browsers (read IE) implement CSS3.

---

Well, you can stick one or more "soft hyphens" (­) in your long unbroken strings. I doubt that old IE versions deal with that correctly, but what it's supposed to do is tell the browser about allowable word breaks that it can use if it has to.

Now, how exactly would you pick where to stuff those characters? That depends on the actual string and what it means, I guess.

참고URL : https://stackoverflow.com/questions/3587390/how-can-i-make-text-appear-on-next-line-instead-of-overflowing