Центрируйте отделение в [закрытом] CSS

Я пытаюсь центрировать newsslider (в нижнем контейнере отделения) на этой странице:

http://www.luukratief-design.nl/dump/parallax/index.html

Я уже имею text-align: center;

Тем не менее это не работает.

Какие-либо предложения?

28
задан yoozer8 12 January 2012 в 18:56
поделиться

8 ответов

Параметр text-align: center; центрирует только внутреннее содержимое элемента , но не сам элемент.

Если это элемент блока ( div ), вам необходимо установить margin: 0 auto; , иначе, если это встроенный элемент , вам нужно вместо этого установить text-align: center; для его родительского элемента .

Поле : 0 авто; установит верхнее и нижнее поле на 0 , а левое и правое поле на авто (того же размера), чтобы он автоматически ставит себя в центр. Это работает только в том случае, если рассматриваемый элемент блока имеет известную ширину (фиксированную или относительную), иначе он не может определить, где начать и где закончить.

60
ответ дан 28 November 2019 в 02:47
поделиться

Текстовое выравнивание : центр; центрирует только содержимое элемента внутри строки , а не сам элемент.

Если это блок элемент (a div есть), необходимо установить margin: 0 auto; , в противном случае, если это встроенный элемент , необходимо установить text-align: center; на его родительском элементе.

Поле : 0 auto; устанавливает верхнее и нижнее поле на 0 , а левое и правое - на auto (одинакового размера), чтобы автоматически поместить себя в центр. Это работает только в том случае, если рассматриваемый элемент блока имеет известную ширину (фиксированную или относительную), иначе он не может определить, где начинать и заканчивать.

-121--1378106-

Откуда в вашем примере берется y ? Метод Where принимает лямбду с одним входным параметром, который представляет один экземпляр последовательности, с которой вы работаете.

Вы можете, конечно, иметь несколько условий против x :

Where(x => x.Foo > 5 && x.Bar < 3)
-121--1252913-

Попробуйте добавить это в стиль.

margin-left: auto;
0
ответ дан 28 November 2019 в 02:47
поделиться

text-align не должен использоваться для центрирования блочного элемента. (кроме IE6, но это ошибка)

Вы должны зафиксировать ширину блока, затем использовать margin: 0 auto;

#block
{
   width: 200px;
   border: 1px solid red;
   margin: 0 auto;
}

и

<div id="#block">Some text... Lorem ipsum</div>
4
ответ дан 28 November 2019 в 02:47
поделиться

Один способ:

<div align="center">you content</div>

Лучший способ:

<div id="myDiv">you content</div>

CSS для myDIV:

#myDiv{
margin:0px auto;
}
3
ответ дан 28 November 2019 в 02:47
поделиться

добавить

margin:auto;
1
ответ дан 28 November 2019 в 02:47
поделиться

Я всегда использую

<div align="center">Some contents......</div>
1
ответ дан 28 November 2019 в 02:47
поделиться

Попробуйте следующее:

#bottombox {
background:transparent url(../images/bg-bottombox.png) no-repeat scroll 0 0;
float:none;
height:137px;
margin:0 auto;
padding-top:14px;
width:296px;
}

Это должно быть центром div в нижнем колонтитуле.

0
ответ дан 28 November 2019 в 02:47
поделиться

Создайте таблицу с одной строкой и тремя столбцами, установите ширину слева и справа на 100% и вуаля, средний центрируется автоматически

-3
ответ дан 28 November 2019 в 02:47
поделиться