같은 방법 텍스트 수 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까지는 거의 모든 공통 브라우저 임)