div 태그의 텍스트 오버플로

길이가 긴 문자열을 div 또는 span 태그로 입력 할 때마다 (모든 브라우저에서) 창을 최대화 할 때 div 태그와 완벽하게 일치하지만 브라우저 너비를 최소화하거나 div 영역에서 텍스트가 나오면 div 태그와 완벽하게 일치합니다. . 방금 압축되거나 압축 된 div 영역에 긴 텍스트를 설정하는 방법을 알고 싶습니다. 나는 ellipsis, white-space:nowrap을 시도했다. 나는 아무 것도 찾지 못했다. 다른 해결책이 있습니까?div 태그의 텍스트 오버플로

화면 예 : 브라우저 폭을 압축했을 때. enter image description here

출처

2012-07-27 Rizvan

우리는 완전히 당신이 무슨 뜻인지 이해할 수 있도록, 현재 가지고있는 우리에게 보여주십시오. http://jsfiddle.net이 편리 할 수 있습니다. – joshnh

잠깐 기다리면 화면이 나타납니다. – Rizvan

코드는 스크린 샷보다 낫습니다. –

난 당신이 뭔가를 원하는 희망 :

SEE DEMO

CSS :

div { 
    // Div Styles Without Fixed Width and Height 
    background: #ccc; 
    padding: 20px; 
    border: 1px solid #666; 
}

당신은 당신이 CSS 속성 중 하나를 정의해야합니다 <div>에 대한 고정 높이를 사용하는 경우 overflow:auto (내용이 다양 할 때 스크롤 막대가 표시됨) 또는 overflow:hidden; (숨기기 텍스트)에 따라 다릅니다

SEE EXAMPLE (overflow:auto)

SEE EXAMPLE (overflow:hidden)

출처

2012-07-27 04:55:44

숨기기를 원치 않고 제 div를 늘리고 싶습니다. – Rizvan

div 태그의 텍스트 오버플로

답변

관련 문제