Центрирование в <div>Использование AlloyUI - PullRequest
Новая
       4

Центрирование в <div>Использование AlloyUI

1 голос
/ 26 августа 2011

У меня проблемы с получением нескольких кнопок и изображений по центру в div. Пожалуйста, смотрите изображение ниже:

enter image description here

Теперь, как вы можете видеть, кнопки, изображения и т. Д. Не центрируются (возможно, стоит упомянуть, что эти вещи находятся внутри тега формы). Тогда, конечно, у меня есть тестовый текст, который центрируется ..

Мой HTML имеет следующую структуру: 

<div class="navigationButtons">
   <form>
   </form>

   <p>Some tect that gets centered...</p>
</div>

И мой CSS: 

.navigationButtons{
  text-align: center;
}

Есть идеи, почему это произойдет?

Ответы [ 2 ]

1 голос
/ 26 августа 2011

Я не могу проверить его на вашем коде, но это должно сработать. 

.navigationButtons { 
  width:auto;
  margin:0 auto;
  text-align:center;
}

или вы можете просто выровнять форму 

.navigationButtons form { 
  width:auto;
  margin:0 auto;
}
0 голосов
/ 26 августа 2011

Это работает для меня. См. Этот пример .

Убедитесь, что никакие другие правила CSS не переопределяют ваши. Также, пожалуйста, оставьте здесь все HTML-кода, так как это может быть важно.

...