Как разместить блок произвольной ширины в центре другого блока?

@cardsmoney · Регистрация: 06.01.2010

Студворк — интернет-сервис помощи студентам

Как разместить блок произвольной ширины в центре другого блока?
Как разместить блок произвольной ширины в центре другого блока?

Ведь, если ширина не фиксирована, маргин 0 авто не работает

Способ http://www.artlebedev.ru/tools... gn-center/

не работает, если вместо текста в контейнер помещать дивы. А мне нужно поместить именно их...

Помогите, уже 2й день голову ломаю.

Humanoid · 18.02.2010, 15:38

Сообщение от cardsmoney

Ведь, если ширина не фиксирована, маргин 0 авто не работает

Если ширина не указана, то она получается 100%. Если 100% не нужно, придётся указывать ширину... в процентах или в абсолютных единицах - это уже как вам больше нравится. Но такая конструкция работает:

HTML5
1
2
3
<div style="background-color: #0f0; margin: 0 auto; width: 80%;">
  <div style="background-color: #00f; margin: 0 auto; width: 80%;">Гыгы</div>
</div>

@cardsmoney · 18.02.2010, 16:04 **[ТС]**

мне нельзя ставить ширину, потому что когда я буду добавлять внутрь ещё блок , или убиру блок, что будет белиберда.

вопрос собственно в том и есть - как это сделать, если фикс ширины НЕТ

Humanoid · 18.02.2010, 16:38

У div'а всегда есть фиксированная ширина. Если она не указана явно, значит она равна 100%... а блок с шириной 100% выравнивать бессмысленно.
Если не секрет, приведи тот кусок текста, который не работает.

@cardsmoney · 18.02.2010, 16:48 **[ТС]**

я нашёл ответ. вот тут можно увидеть

http://naikom.ru/blog/?p=106

14.07.2012, 22:50

Большое спасибо товарищ

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@cardsmoney 1 / 1 / 0 Регистрация: 06.01.2010 Сообщений: 16

	Как разместить блок произвольной ширины в центре другого блока? 18.02.2010, 14:59. Показов 10125. Ответов 5 Метки нет (Все метки) Как разместить блок произвольной ширины в центре другого блока? Как разместить блок произвольной ширины в центре другого блока? Ведь, если ширина не фиксирована, маргин 0 авто не работает Способ http://www.artlebedev.ru/tools... gn-center/ не работает, если вместо текста в контейнер помещать дивы. А мне нужно поместить именно их... Помогите, уже 2й день голову ломаю. 0

@cardsmoney 1 / 1 / 0 Регистрация: 06.01.2010 Сообщений: 16
	18.02.2010, 16:04 [ТС]
	мне нельзя ставить ширину, потому что когда я буду добавлять внутрь ещё блок , или убиру блок, что будет белиберда. вопрос собственно в том и есть - как это сделать, если фикс ширины НЕТ 0

Humanoid Почетный модератор 11556 / 4351 / 452 Регистрация: 12.06.2008 Сообщений: 12,454
	18.02.2010, 16:38
	У div'а всегда есть фиксированная ширина. Если она не указана явно, значит она равна 100%... а блок с шириной 100% выравнивать бессмысленно. Если не секрет, приведи тот кусок текста, который не работает. 0

@cardsmoney 1 / 1 / 0 Регистрация: 06.01.2010 Сообщений: 16
	18.02.2010, 16:48 [ТС]
	я нашёл ответ. вот тут можно увидеть http://naikom.ru/blog/?p=106 0

to_moonshine
	14.07.2012, 22:50
	Большое спасибо товарищ