Как да направя отстъп на DIV?

Имам div, подравнен в центъра, като полето му е зададено на 0 auto. Сега искам да отстъпя лявото му поле с 50 пиксела от средата. Винаги, когато се опитам да направя това обаче, той подравнява div към лявата страна на контейнера си и губи централното подравняване. Мисля, че е така, защото замества лявото поле на свойството margin. Някой знае ли как да постигне това? За пояснение искам да го отстъпя с 50 допълнителни пиксела от центъра на контейнера.


html css indentation
person John Smith    schedule 17.03.2011    source източник
comment
Мисля, че ще трябва да увиете всичко вътре в друг контейнер.   -  person JohnP    schedule 17.03.2011

Отговори (3)


arrow_upward
34
arrow_downward

увийте го в друг div. направете външния div margin: 0 auto; и вътрешния div margin-left: 50px

.outer {
  width: 200px;
  margin: 0 auto;
  background-color: yellow;
}

.inner {
  margin-left: 50px;
  background-color: orange;
}
<div class="outer">
  <div class="inner">
    hello world
  </div>
</div>

person mpen    schedule 17.03.2011
comment
За да помогна с адаптивния уеб дизайн, използвам проценти, а не пиксели. поле отляво: 5% - person mmv_sat; 19.06.2015
comment
ако div няма определена ширина, той ще реагира дори ако полето е зададено в px - person Mattia Nocerino; 15.01.2016

arrow_upward
3
arrow_downward

опитвам

padding-left: 50px;

и ако това не е достатъчно, запазете подложката и добавете друг div вътре в по-големия.

person Alin Purcaru    schedule 17.03.2011

arrow_upward
0
arrow_downward

Увийте друг div около вашия div. След това центрирайте новия div и след това марж наляво или подложка наляво на оригиналния div.

person Alistair Laing    schedule 17.03.2011