div 블록의 텍스트가 넘치지 않도록 할 수 있습니까? 않도록 할 수 있습니까?

div 블록의 텍스트가 넘치지 않도록 할 수 있습니까?



답변

div의 넘침 텍스트가 숨겨 지거나 스크롤 막대를 만드는 대신 자동으로 줄 바꿈되도록하려면

word-wrap: break-word

특성.


답변

당신은 시도 할 수 있습니다:

<div id="myDiv">
    stuff
</div>

#myDiv {
    overflow:hidden;
}

확인 오버 플로우 속성에 대한 문서를 자세한 내용은.


답변

CSS 속성 text-overflow를 사용하여 긴 텍스트를자를 수 있습니다.

<div id="greetings">
  Hello universe!
</div>

#greetings
{
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; // This is where the magic happens
}

참조 :
http://makandracards.com/makandra/5883-use-css-text-overflow-to-truncate-long-texts


답변

CSS로 제어 할 수 있으며 몇 가지 옵션이 있습니다.

  • hidden-> 모든 텍스트 넘침이 숨겨집니다.
  • visible-> 텍스트가 넘치도록합니다.
  • scroll-> 텍스트가 넘칠 경우 스크롤 막대를 놓습니다.

도움이 되길 바랍니다.


답변

간단히 이것을 사용하십시오 :

white-space: pre-wrap;      /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap;     /* Opera <7 */
white-space: -o-pre-wrap;   /* Opera 7 */
word-wrap: break-word;      /* IE */

답변

다른 CSS 속성이 있습니다.

white-space : normal;

공백 속성은 적용되는 요소에서 텍스트를 처리하는 방법을 제어합니다.

div {

  /* This is the default, you don't need to
     explicitly declare it unless overriding
     another declaration */
  white-space: normal;

}

답변

문제를 해결하려면이 클래스를 추가하십시오.

.ellipsis {
  text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

이 링크 http://css-tricks.com/almanac/properties/t/text-overflow/ 에서 더 설명