durée de texte rembourrage augmentation de la durée de taille

J'ai l'intervalle ci-dessous

<SPAN style="border:solid;TEXT-ALIGN: right; FONT-STYLE: normal;width:100px; padding-RIGHT: 50px; DISPLAY: inline-block;PADDING-TOP: 3px">hello world</SPAN>

Il me semble que la largeur totale de la travée est l'augmentation de la base sur le rembourrage de la taille. Est-il possible d'empêcher la durée de la taille de l'augmentation et de la pad le texte à droite?

InformationsquelleAutor CliffC | 2011-05-04
  1. 9

    Ne sais pas si votre padding-right fonctionne réellement avec un espace de là, mais il ne devrait pas être là. Pourrait être un autre problème. vous avez

    padding- right:50px

    au lieu de

    padding-right:50px;

    Edit: afin d'augmenter l'espace à l'extérieur de votre durée plutôt que d'augmenter la durée de lui-même remplacer:

    padding-right:50px;

    avec

    margin-right:50px;

    Ici est un exemple. jouer avec lui si vous n'avez pas tout à fait comprendre. http://jsfiddle.net/robx/GaMpq/

    • essayé de changer, mais semble le rembourrage est encore l'augmentation de la durée totale de la taille
    • diminution de remplissage et ajouter de la marge à la place. Rembourrage en augmentation à l'intérieur de votre durée de l'élément, tandis que l'augmentation de la marge de l'espace à l'extérieur de votre élément span.
    • J'ai fait un échantillon si vous avez besoin de voir. Si cela fonctionne maintenant, alors il pourrait être simplement parce que l'espace que vous avez eu entre padding - right:50px;
    • pas sûr de ce que j'ai fait de mal, mais j'ai essayé cette width:100px;margin-right:50px mais il n'y a toujours pas de marge entre la durée de la frontière et le texte
    • oui, il serait grand si vous pouvez fournir l'échantillon, merci
    • qu'est-ce exactement que vous essayez-vous à l'espace? span éléments n'ont pas de largeur. il utilise 100% de l'espace pour le texte.
    • êtes-vous en essayant de repousser le texte vers la droite comme le tiret?
    • oui c'est ce que je dois faire, la seule façon de résoudre ce problème est d'utiliser la marge à gauche pour pousser le texte à droite
    • oui ce serait le travail. S'il avait été un <p> élément plutôt que d'un empan, je l'ai recommandé à l'aide de text-indent à pousser comme un vrai tiret par le paragraphe.
    • c'est une grande suggestion, je suis le remplaçant <span> (asp.net étiquette) avec <p>(asp.net contrôle htmlgenericcontrol) c'est la résolution de mon problème merci copain

    InformationsquelleAutor robx
  2. 3

    Utilisation de la marge au lieu de rembourrage. Le remplissage est l'espace appliquée à l'intérieur de l'élément, la marge est l'espace à l'extérieur de l'élément.

    • Cela ne fonctionnera pas sur un span puisque c'est un inline élément.
    • Il va travailler. Regarder le jsfiddle de la accepté de répondre.
    InformationsquelleAutor ryanmarc
  3. 0

    Soit avec de la marge ou de rembourrage, vous êtes toujours jouer avec le modèle de boîte et de la modification de la taille réelle de la plage. Cela signifie que la ligne continue n'aura pas lieu dans l'endroit approprié, et il peut perturber justifiée marges.

    Vous pouvez utiliser l'après sélecteur pour ajouter un peu de contenu et le style:

    your_css_class:after { content:" "; word-spacing:1em; }

    Je ne pense pas que qui peut être fait qu'en ligne de style, il doit être fait dans un <style> bloc ou d'un fichier externe.

    InformationsquelleAutor thomasafine
  4. 0

    La façon la plus simple de le faire:

    span {
  width: 80%;//Or some different value
}
    InformationsquelleAutor