[html] 텍스트를 HTML로 줄 바꿈하는 방법은 무엇입니까?

같은 방법 텍스트 수 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa있는이의 폭을 초과 div(말을 200px) 싸서?

CSS, jQuery 등과 같은 모든 종류의 솔루션에 개방되어 있습니다.



답변

이 시도:

div {
    width: 200px;
    word-wrap: break-word;
}


답변

부트 스트랩 3에서 공백이 ‘nowrap’으로 설정되어 있지 않은지 확인하십시오.

div {
  width: 200px;
  word-break: break-all;
  white-space: normal;
}


답변

다음과 같이 부드러운 하이픈을 사용할 수 있습니다.

aaaaaaaaaaaaaaa­aaaaaaaaaaaaaaa

이것은 다음과 같이 나타납니다

aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa

상자가 충분히 크지 않은 경우

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

만약 그렇다면.


답변

   div {
    // set a width
    word-wrap: break-word
}

word-wrap‘솔루션은 IE와 브라우저가 지원하는 작품 CSS3.

가장 좋은 크로스 브라우저 솔루션은 서버 측 언어 (php 또는 무엇이든)를 사용하여 긴 문자열을 찾아서 일정한 간격으로 html 엔티티 안에 배치하는 것입니다. html 엔티티이 엔티티 ​
는 긴 단어를 멋지게 나누고 모든 브라우저에서 작동합니다.

예 :

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​aaaaaaaaaaaaaaaaaaaaaaaaaaaaa


답변

단어에 공백이없는 경우 (예 : 긴 URL) IE, Firefox, chrome, safari 및 opera에서 작동하는 유일한 것은 다음과 같습니다.

div{
    width: 200px;
    word-break: break-all;
}

나는 이것이 방탄임을 알았습니다.


답변

이것은 나를 위해 일했다

word-wrap: normal;
word-break: break-all;
white-space: normal;
display: block;
height: auto;
margin: 3px auto;
line-height: 1.4;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;


답변

다른 옵션도 사용하고 있습니다 :

div
{
   white-space: pre-line;
}

이렇게하면 CSS1 을 지원하는 모든 브라우저에서 모든 div 요소가 설정 됩니다 (IE 8까지는 거의 모든 공통 브라우저 임)