반응형
텍스트가 넘치지 않고 다음 줄에 나타나도록 하려면 어떻게 해야 합니까?
제 페이지에 텍스트가 포함된 고정 너비 디브가 있습니다.긴 줄의 글자를 입력하면 넘칩니다.오버플로를 숨기고 싶지 않습니다. 오버플로를 새 줄에 표시하려면 아래를 참조하십시오.
<div id="textbox" style="width:400px; height:200px;">
dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssfddddddddddddddddddddddsdffffffffffffffffsdffffffffffffffffdfssssssssssssdf
</div>
오버플로를 비활성화하고 오버플로 텍스트를 새 줄에 넣을 방법이 있습니까??Twitter는 이런 일을 하지만 CSS로는 그들이 자바스크립트를 사용하고 있을 가능성을 알 수 없습니다.
이거 도와줄 사람?
추가하기만 하면 됩니다.
white-space: initial;
텍스트에 줄 텍스트가 다음 줄에 자동으로 나타납니다.
word-wrap: break-word
하지만 CSS3 - http://www.css3.com/css-word-wrap/ 입니다.
태그를 사용해 보십시오. 단아하지 않습니다.word-wrap다른 사람들이 제안한 속성이지만 모든 주요 브라우저(read IE)가 CSS3를 구현할 때까지 작동하는 솔루션입니다.
"소프트 하이픈"을 하나 이상 붙이면 됩니다.­끊어지지 않는 긴 끈 속에서이전 IE 버전이 이 문제를 올바르게 처리할지는 의문이지만 브라우저에 필요할 경우 사용할 수 있는 허용 가능한 단어 단절에 대해 알려주는 것이 중요합니다.
자, 그 캐릭터들을 정확히 어디에 넣을 것인지를 어떻게 고르겠습니까?그것은 실제 끈과 그것이 무엇을 의미하는지에 달려있다고 생각합니다.
언급URL : https://stackoverflow.com/questions/3587390/how-can-i-make-text-appear-on-next-line-instead-of-overflowing
반응형
'programing' 카테고리의 다른 글
| Oracle의 다른 사용자에게 저장 프로시저에 대한 권한 부여 (0) | 2023.11.06 |
|---|---|
| 부유한 디브를 부모의 100% 높이로 만드는 방법은? (0) | 2023.11.06 |
| 스크롤할 때 메뉴 바를 상단에 고정한 채로 둡니다. (0) | 2023.11.06 |
| 서명되지 않은 int 0xFFFFFFFF가 int -1과 같은 이유는 무엇입니까? (0) | 2023.11.06 |
| 워드프레스에서 분류법 또는 사용자 정의 필드를 동시에 조회하려면 어떻게 해야 합니까? (0) | 2023.11.06 |