텍스트를 수평으로 자르는 방법은 무엇입니까?

내 콘텐트가 필요한 콘테이너에 있습니다. 내용이 수평으로 증가하면 컨테이너가 자르며 내용이 수직으로 증가하면 컨테이너가 확장됩니다. 여기 내 코드는 다음과 같습니다.텍스트를 수평으로 자르는 방법은 무엇입니까?

<div style="padding:10px; width:602px; background:gold; clip: rect(0px, 602px, auto, 0px);"> 
    <div style="padding:10px; width:1000px; background:pink"> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea 
    </div> 
</div>

오버 플로우를 사용하여 시도했지만 제대로 작동하지 않습니다.

여기 내 코드 http://jsfiddle.net/QeahW/7/은 회사 링크에 드롭 다운 div가 표시되지 않습니다. 그것을 해결하는 방법을 모른다.

출처

2011-03-20 nasir

['clip'은'position : absolute'] (http://www.w3.org/TR/CSS21/visufx.html#clipping) 요소에서만 작동합니다. –

동일한 이메일을 사용하여 로그인하십시오. 따라서 단일 계정은 새 계정을 만들지 마십시오 – abatishchev

당신이 이것을 원한다는 뜻입니까? : http://jsfiddle.net/N4qvK/

내부 컨테이너의 widt를 제거하여 내부 블록이 항상 너비가있는 외부 블록과 함께 유지되도록했습니다.

출처

2011-03-20 13:42:40 JohnP

내 사업 영역에서 내부 사업부는 너비가 있어야하고 그 내용이 외부 div의 너비 제한을 초과해야하며 그 내용은 jquery와 같습니다. 특별 이벤트에 마이너스 마진으로 표시됩니다. jQuery 또는 다른 코드를 변경할 수 없습니다. 나는 css로이 작업을 수행해야합니다. 따라서 외부 div는 추가 내용을 잘라야합니다. – nasir

그 때 당신이 찾고있는 것은 무엇입니까? http://jsfiddle.net/N4qvK/1/ – JohnP

텍스트를 수평으로 자르는 방법은 무엇입니까?

답변

관련 문제