Палец вверх 0
Перевод
Перевод

пытаясь центрировать div внутри div фиксированной ширины

У меня есть родительский div, ширина которого зафиксирована на 150px. Когда я создаю дочерний div, firebug говорит, что его ширина тоже составляет 150 пикселей. Почему это?

Таким образом, когда я пытаюсь использовать поле авто для горизонтального выравнивания div, это не имеет значения. Есть ли способ переопределить ширину 150px, которая автоматически устанавливается для дочернего элемента div?

css
задан deruse 13 янв. 2012 г., 6:19:15
источник

3 ответа

Палец вверх 3
Перевод
Перевод

Div по умолчанию является блочным элементом, и блочные элементы занимают всю ширину содержащего их элемента, если не указано иное.

ответ дан j08691 13 янв. 2012 г., 6:32:39
источник
Палец вверх 1
Перевод
Перевод

Поскольку div является элементом уровня блока, ширина по умолчанию для полного родителя. Ширина содержимого встроенного элемента сама по себе является адаптивной, например: span element

ответ дан doyoe 13 янв. 2012 г., 7:27:25
источник
Палец вверх 0
Перевод
Перевод

@ j08691 правильно говорит о том, что div является блочным элементом. Вам понадобятся либо таблицы стилей, либо встроенные стили, которые имеют следующий эффект:

<div style="width: 150px; text-align: center;">
  <div style="width: [smaller width]; margin: 0 auto; text-align: left;"></div>
</div>

... причина в том, что поле внутреннего элемента div не может автоматически определять их размер, если только внутренний элемент div не имеет ширины.

[... материал для выравнивания текста просто остался за спиной в IE6 (и 7?) дней ;-)]

ответ дан fordareh 13 янв. 2012 г., 7:10:31
источник