HTML 크기 조정 텍스트

div를 500 높이로 유지하고 싶습니다. 텍스트가이 div에 동적으로 삽입됩니다. 다른 텍스트 길이가 삽입됩니다. 지금, 내 div는 전체 텍스트를 수용하도록 확장됩니다. 텍스트를 축소하여 항상 경계 내에서 맞출 수 있습니까?HTML 크기 조정 텍스트

출처

2011-09-24 spentak

텍스트 길이가 작은 경우가 아니면 텍스트 축소를 피하십시오. 그것이 작고 읽을 수 없게되기까지 오래 걸리지 않을 것입니다. 텍스트를 숨기고 마우스를 올리거나 비슷한 것으로 표시하는 것이 좋습니다. –

예제 또는 이미 가지고있는 코드가 있습니까? – Thew

축소하면 글꼴을 더 작게 만들거나 문자열에서 일부 문자를 자르라는 뜻입니까? – Harri

HTML과 CSS를 사용하여 동적으로 텍스트의 크기를 조정할 수 없습니다. div 높이를 500px로 설정하고 추가 텍스트를 스크롤하거나 숨길 수 있습니다.

텍스트를 동적으로 다시 크기를 조정하는 데 JavaScript를 사용할 수 있지만 텍스트 길이가 크게 다를 경우 솔루션이 실용적이지 않을 수 있습니다. 10px 미만인 경우 텍스트를 읽을 수 없습니다.

출처

2011-09-24 20:07:30 Emil

div를 계속 확장 할 수는 있지만 실제 문제는 확장 가능한 div에 절대 배치 된 항목이 있고 너무 작게 축소되면 절대 항목이 컨테이너 외부로 이동한다는 것입니다. 컨테이너가 확장/축소 될 때 상대 컨테이너 내의 절대 항목을 더 잘 조정할 수있는 방법이 있습니까? – spentak

@ spentiak, 예를 들려주세요. 가능한 경우 http://jsfiddle.net/에 게시하십시오. – Emil

HTML 크기 조정 텍스트

답변

관련 문제