2011-03-20 4 views
1

J'ai besoin de mon contenu dans un conteneur spécifique. Si le contenu augmente horizontalement, le conteneur doit recadrer et si le contenu augmente verticalement, le conteneur doit être développé. voici mon code:Comment rogner le texte horizontalement?

<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> 

J'ai également essayé d'utiliser le débordement mais cela ne fonctionne pas bien.

Voici mon vrai code http://jsfiddle.net/QeahW/7/ le dropdown div ne s'affiche pas dans le lien de la société. Je ne sais pas comment le résoudre.

+0

['clip' ne fonctionne que dans les éléments avec' position: absolute'] (http://www.w3.org/TR/CSS21/visufx.html#clipping). –

+0

Utilisez le même email pour vous connecter, donc un seul compte, n'en créez pas un nouveau – abatishchev

Répondre

0

Voulez-vous dire que vous le voulez comme ça? : http://jsfiddle.net/N4qvK/

J'ai enlevé la bande sur le récipient intérieur de sorte que le bloc interne reste toujours avec le bloc extérieur avec la largeur.

+0

Dans mon scenrio le div interne doit avoir une largeur et le contenu de celui-ci traverse la limite de largeur de div externe, avec jquery ce contenu sera montré avec une marge négative sur les événements spéciaux. ne peux pas changer le jquery ou autre code que je dois avoir à faire avec css. Donc div externe doit recadrer le contenu supplémentaire. – nasir

+0

Est-ce ce que vous cherchez alors? http://jsfiddle.net/N4qvK/1/ – JohnP

Questions connexes