CSS 오버플로 : 전체보기 또는 숨기기

오버플로되면 HTML 텍스트 자체를 완전히 숨길 수있는 방법이 있습니까? 이 같은 덩어리로CSS 오버플로 : 전체보기 또는 숨기기

2014-11-15 Jason S

JavaScript가 없으면 뷰포트 너비에 대한 '@ media' 규칙을 사용하거나 너무 좁아지면 포함 된 상자의 숨겨진 영역으로 요소를 푸시하는'float : '요소를 사용하여 해킹해야합니다. 나는 당신이 실험하고 결과를 여기에 게시 할 것을 제안합니다. – Dai

텍스트가 오버플로되면 모든 텍스트가 전혀 표시되지 않는 것입니까? 모든 것을 표시 할 수없는 경우 모든 것을 숨 깁니다. – razorsyntax

CSS 만 사용 하시겠습니까? No. – j08691

넣고 텍스트 (오히려 overflow: hidden의 클리핑 행동보다) :

<p style="display:inline-block;">This text is a chunk.</p> 
<p style="display:inline-block;">This text is a chunk.</p> 
<p style="display:inline-block;">This text is a chunk.</p>

이 전체 inline-block를 표시하거나 숨길해야 하나.

출처

2014-11-15 11:35:10 ThePixelPony

사실 일 필요는 없습니다. 오버플로되면 텍스트가 줄 바꿈됩니다. OP는 * 전체 * 텍스트가 숨겨 지거나 오버플로되기를 원합니다 : http://jsfiddle.net/1r5Lr0rg/ .. 어쨌든 순수한 CSS에서는 가능하지 않습니다. –

@JoshCrozier 아, 알겠습니다. 나는 당신이 그것을 위해 jQuery를 필요로한다고 생각한다. (이 답변을 삭제해야합니까?) – ThePixelPony

CSS 오버플로 : 전체보기 또는 숨기기

답변

관련 문제