Я хочу, чтобы div появился в центре, но он всегда слева. Я использую bootstrap для совместимости с экраном, поэтому я не работал с настройкой левого и правого полей. Что пошло не так в коде?Как центрировать div?
Пожалуйста, помогите!
<div id="div1"
style="display: inline-block;
position: absolute; margin: 20px auto;
width: 1140px;
height: 442px;
overflow: hidden;">
Просто удалите position: absolute; и display: inline-block стили, и он будет работать.
Привет. Это не сработало для моего кода. – user1023
@ user1023 Только за то, что вы показали нам, это работает. Вам понадобится проксировать дополнительную информацию, если это не сработает для вас. Id est, можете ли вы рассказать нам, для чего это, его родитель и его дети? –
Это для слайдера изображения. – user1023
Попробуйте это,
Использование text-align:center; в вашем CSS
<div id="div1"
style="display: inline-block;
position: absolute; margin: 20px auto;
width: 1140px;
text-align:center;
height: 442px;
overflow: hidden;"> Test </div>
https://jsfiddle.net/mkb8gy6g/
Удалить display:inline-block; & position:absolute;
Можете ли вы предоставить больше кода, чтобы мы могли лучше судить о вашей ситуации? – Dale
Если вы не укажете top, left, right и bottom, как только вы применили position: absolute, он наследует его родительский или браузер по умолчанию. Вот почему вы видите, что ваш div всегда слева. В этом случае то, что вы можете сделать, это
top, left и другие attributsinline-block и применять text-align: center
Добро пожаловать! A [codepen] (http://codepen.io) или [jsfiddle] (http://jsfiddle.net) поможет вам помочь вам! :) – Damon
Возможный дубликат [Как мне разместить элементы флота?] (Http://stackoverflow.com/questions/4767971/how-do-i-center-float-elements) –