" Rembourrage non appliqué - Retrouvez les réponses et les commentaires concernant cette question" />
10
votes

Paragraphe "

" Rembourrage non appliqué

Les trois morceaux de code suivants se comportent exactement la même chose: xxx

Comment puis-je obtenir le paragraphe en retrait des deux côtés? (J'ai essayé 15px au lieu de 15 (éditer - mais seulement sur les deux premiers), j'ai également essayé de séparer les chiffres avec des virgules, comme un exemple que j'ai trouvé sur Google.)

Le code ci-dessus est dans un DIV Ce qui est dans le corps, aucune autre divs ni tableaux, etc. sont impliqués.

Le div est défini: xxx

merci pour toute aide. < / p>


2 commentaires

15px au lieu de 15 est recommandé de faire la solution (en utilisant "style") fonctionner avec tous les navigateurs. J'ai vu certaines versions IE ignorent les valeurs sans unité. w3.org/tr/rec-css1/#units - vous ' Répétez uniquement pour omettre l'appareil lorsque la valeur est "0".


En plus des bonnes réponses ci-dessous, puis-je suggérer Firefox et le plugin Firebug comme étant très utile lors de la détermination de vos problèmes de style HTML.


3 Réponses :


4
votes

Changement: xxx

à: xxx


2 commentaires

Je pensais que ça marcherait, mais ce n'est pas le cas. J'ai ajouté le code ci-dessus à ma description de ma problématique.


Cet exemple est incorrect, vous avez toujours besoin d'une unité comme 15px ou 1em.



18
votes

15? 15 quoi? Avez-vous envisagé d'utiliser unités em>?

<p style="padding: 0 15px">foo</p>


3 commentaires

Merci. J'avais besoin à la fois du "style =" et du "px"


Je recommanderais d'utiliser EM au lieu de px car il est plus conforme au navigateur. c'est à dire.

bar


@ JWhat Utiliser EM au lieu de PX n'est pas précisément un problème de conformité entre navigateur. Il s'agit davantage de hiérarchiser la conception précise (PX) VS-redimensionnement du texte (EM). Tous les navigateurs ces jours-ci interprément les unités correctement.



3
votes

Peut-être que vous avez une ligne antérieure comme ceci:

p { display: inline }


0 commentaires