Comment puis-je forcer le overflow: hidden pour ne pas user mes padding-right espace
J'ai le code suivant:
<div style="width: 100px;
overflow: hidden;
border: 1px solid red;
background-color: #c0c0c0;
padding-right: 20px;
">
2222222222222222222222111111111111111111111111113333333333333333333</div>
(XHTML 1.0 transitional)
Ce qui se passe est que le padding-right ne s'affiche pas, elle est occupée par le contenu, ce qui signifie le dépassement utilise le rembourrage droit de l'espace et seulement "coupe" après le remplissage.
Est-il un moyen pour forcer le navigateur à débordement avant le padding-right, ce qui signifie que ma div montrera avec le rembourrage droit?
Ce que je reçois à est le premier div dans l'image suivante, ce que je veux, c'est quelque chose comme le 2ème div:
La réponse à la CSS est toujours d'utiliser un autre wrapper
OriginalL'auteur AlfaTeK | 2009-07-02
Vous devez vous connecter pour publier un commentaire.
J'ai le même problème avec le overflow:hidden; obéir à tous les rembourrage règles, sauf pour le côté droit. Cette solution fonctionne pour les navigateurs qui prennent en charge indépendante de l'opacité.
Je viens de modifier mon CSS à partir de:
à
Avoir conteneur divs fonctionne très bien, mais qui a pour effet de doubler le montant de divs sur une page, qui se sent inutile.
Malheureusement, dans votre cas, cela ne fonctionne pas si bien, que vous avez besoin d'une véritable frontière sur la div.
Aaron, il suffit d'ajouter un supplément de div qui va agir comme un emballage intérieur
ou utiliser 1px divs pour les bordures
OriginalL'auteur theorise
Votre meilleur pari est d'utiliser un emballage div et de définir le rembourrage qui.
Cette réponse est presque certainement plus efficace que de la actuellement élu.
devrait être la réponse
La réponse à la CSS est toujours utiliser un wrapper
OriginalL'auteur Obfuskater
J'ai eu un problème similaire que j'ai résolu en utilisant
clip
au lieu deoverflow
. Cela permet de spécifier la forme rectangulaire dimensions de la zone visible de votre div (Recommandation du W3C). Dans ce cas, vous devez spécifier la zone à l'intérieur du rembourrage pour être visible.Cela peut ne pas être une solution idéale pour ce cas précis: que le div de la frontière est à l'extérieur de la zone de fenêtrage, qui deviendra invisible aussi. J'ai eu le temps que par l'ajout d'un wrapper de la div et de la définition de la frontière, mais depuis l'intérieur de la div doit être en position absolue pour
clip
à appliquer, il serait nécessaire de connaître et de préciser la hauteur sur l'emballage div.OriginalL'auteur heldinz
Si vous disposez d'un droit-élément adjacent à celui en question, mettre le rembourrage sur sa gauche. De cette façon, le contenu de la gauche de l'élément de flux, mais pas au-delà de la marge et le remplissage à gauche sur la droite-élément adjacent va créer le degré de séparation. Vous pouvez utiliser cette astuce pour une série d'éléments horizontaux qui peuvent avoir un contenu qui doit être coupé, car il est trop long.
OriginalL'auteur Jack Herr