Элементы span и div не будут центрироваться, а margin-top / bottom не будут работать - PullRequest
Новая
       1

Элементы span и div не будут центрироваться, а margin-top / bottom не будут работать

2 голосов
/ 04 декабря 2011

Эта проблема часто возникает, и я обычно решаю ее разными способами, которые не работают для другого метода. Мне было интересно, если бы был универсальный метод для центрирования объектов: 

<div>
    <span>content</span> 
    <span> content</span>
    <span>content </span>
    <span> content </span>
    <span>content</span>
    <span>content</span>
</div>

Методы, которые я пробовал, это margin-left:auto; margin-right:auto; , которые, похоже, не работают с этим. Я пробовал margin-left:Xpx; . Один метод, который работал для предыдущего проекта, был display:inline-block и display:table-cell , но в других случаях те отказывались работать. Я пытался применить эти "исправления" как к div, так и к spanам.

Другая проблема заключается в том, что я не могу стилизовать margin-top и margin-bottom в этом случае вообще.

Чтобы сократить пост: я хочу центрировать div и сделать так, чтобы промежутки имели верхнюю или нижнюю границу. Что я делаю не так и может ли кто-нибудь объяснить концептуальную сторону этого? Спасибо

1 Ответ

3 голосов
/ 04 декабря 2011

для центрирования div, который по умолчанию является display: block, вам нужно дать ему ширину, затем «margin: 0 auto»

как для пролетов;они по умолчанию отображают: встроенный, который, насколько я знаю, не принимает поля.вместо этого вы можете использовать отступы.действительно зависит от того, что вы пытаетесь сделать.

display: inline-block работает только в нескольких браузерах.

...