Центр DIV в CSS

Я пытаюсь центрирования newsslider (в сНу нижнем контейнере) на этой странице:Центр DIV в CSS

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

У меня уже есть text-align: center;

Тем не менее он не работает ,

Любые предложения?

источник

2010-02-17 Luuk

Я голосующий, чтобы закрыть этот вопрос не по теме, потому что ссылка только на вопрос и ссылка мертва! –

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

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

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

источник

2010-02-17 13:47:30 BalusC

, и вам, возможно, придется указать «div» и явную ширину. –

Да, вам действительно нужно дать элементу блока явную ширину, я отредактировал его. – BalusC

IIRC, некоторые старые версии IE не будут распознавать значения auto auto, но они * будут * (ошибочно) использовать 'text -align' к элементам центрального блока, поэтому используйте оба варианта, если сможете. –

добавить

margin:auto;

источник

2010-02-17 13:46:57

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

margin-left: auto;

источник

2010-02-17 13:47:47

-3

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

источник

2010-02-17 13:48:42 alemjerus

Это правильный ответ. Непрактично в большинстве сценариев, да. ОДНАКО, все еще действует. Пожалуйста, прекратите подавать действительный ответ только потому, что вам это нравится ». –

выравнивания текста не должна использоваться для центрирования блок элемента , (за исключением IE6, но это bug)

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

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

<div id="#block">Some text... Lorem ipsum</div>

источник

2010-02-17 13:49:43

Попробуйте это:

#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 в футере.

источник

2010-02-17 15:37:08 tahdhaze09

Один из способов:

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

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

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

CSS для myDIV:

#myDiv{ 
margin:0px auto; 
}

источник

2010-02-17 15:40:35 ant

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

<div align="center">Some contents......</div>

источник

2010-02-17 18:00:04 Ashok

Я подтверждаю, что это работает с Firefox (v54), Chrome (v58) и Safari (v10). –

Использование text-align: center для контейнера, display: inline-block для обертки DIV и display: inline для DIV контента горизонтально центра контента, который имеет неопределенную ширину во всех браузерах:

<!doctype html> 
    <html lang="en"> 
    <head> 
     <style type="text/css"> 

    /* Use inline-block for the wrapper */ 
    .wrapper { display: inline-block; } 

    .content { display:inline; } 

    .container { text-align:center; } 

    /*Media query for IE7 and under*/ 

    @media, 
     { 
     .wrapper { display:inline; } 
     } 
     </style> 

     <title>Horizontal Centering Test</title> 
    </head> 

    <body> 

     <div class="container"> 
     <div class="content"> 
      <div class="wrapper"> 
       test text 
      </div> 
     </div> 
     </div> 
    </body> 
    </html>

источник

2012-06-20 19:08:12

При условии, ширина устанавливается, и вы поставить правильную DOCTYPE,

Попробуйте это:

Margin-left: auto; 
Margin-right: auto;

Надеется, что это HEL ps

источник

2012-09-18 21:00:00

Центр DIV в CSS

ответ

Смежные вопросы