Центрирование div внутри div, html

У меня есть 3 divs в div, и я хочу центрировать нижний. Я пробовал каждый намек, который я нашел в сети (вы можете видеть в моем коде ...), но ничего не работает. Это должно быть довольно легко, но это просто не будет сосредоточено.Центрирование div внутри div, html

.container { 
position: relative; 
width: 968px; 
margin: 0 auto; 
text-align: center; 
} 

.text  { 
position: absolute; 
width: 968px; 
height: 100px;"> 
}  

.bg_image  { 
position: absolute; 
width: 968px; 
height: 545px; 
top: 150px; 
background-image: url(x.jpg); 
} 

.bg_image2  { 
position: absolute; 
display: block; 
width: 50%; 
margin: 0 auto; 
height: 200px; 
top: 545px; 
background-image: url(x.png); 
background-repeat: no-repeat; 
}

источник

2015-01-14 eelegendo

Этот вопрос здесь примерно 3 раза в день. Попробуйте использовать функцию поиска. – Mardzis

Снова и снова. [Горизонтально центр div в div] (http://stackoverflow.com/questions/114543/horizontally-center-a-div-in-a-div) – Mardzis

Добро пожаловать в SO! Существует опечатка в .text (знак двойной кавычки). Кроме того, пожалуйста, предоставьте прототип, дающий нам базу для работы (jsfiddle.net или codepen.io). Измените свой вопрос соответствующим образом. – pixeline

Во-первых, в вашем коде CSS есть ошибка в .text удалить этот «> после высоты: 100px; Во-вторых, мы не можем ответить на этот вопрос, если вы не добавить свой HTML код

источник

2015-01-14 08:09:25

Я знаю, что вы еще не можете комментировать, но это не ответ. Вы можете захотеть удалить его. –

я. надеюсь, что этот пример кода может помочь вам ..

<!DOCTYPE html> 
    <html > 
    <head> 
    <style type="text/css"> 
    #outer{ position:fixed; top:0; left:0; width:100%; height:100%; } 
    #inner1{ width: 50%; height: 20%; top: 25%; margin: 0 auto; position: relative; background:orange; } 
    #inner2{ width: 50%; height: 40%; top: 25%; margin: 0 auto; position: relative; background:red; } 
    </style> 
    </head> 
     <body> 
     <div id=outer> 
      <div id=inner1> </div> 
      <div id=inner2> </div> 
     </div> 
     </body> 
</html>

источник

2015-01-14 09:47:41

Дайте fixed width например (ширина: 100px;). и margin:0 auto; зависимости от того, Div вы хотите сделать в центре

Это будет работать для вас.

.centerDiv{ 
width:100px; /*as per your choice but width should be fixed.*/ 
height:100px; /*as per your choice even you can add auto*/ 
margin:0 auto; /*this is important to make div in center.*/ 
}

источник

2015-01-14 11:44:31 Rahul

Центрирование div внутри div, html

ответ

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