Почему в CSS нет центра float?

Я обнаружил, что в CSS нет плавающего центра, и я был немного разочарован. Однако я не могу не спросить себя, почему. Хотя многие люди хотят использовать это для центрирования содержимого, я хотел использовать его для размещения кучи блоков в строках с динамическим размером страницы. К сожалению, без центра поплавка он выглядит неряшливым, поскольку есть дополнительное пространство (какая-либо часть полного блока не подходит) с одной стороны. Мне грустно, что предполагаемое использование поплавков было повреждено этим отсутствием собственности.

Я не вижу причины, по которой нет центра поплавка, и задавался вопросом, есть ли у кого-либо причины, технические или иные, почему центр поплавка не был включен в стандарт.

Ответ 1

нет центра float, потому что поплавки берут элементы из потока содержимого и позиционируют их как можно дальше слева/справа. поплавки сами по себе только перемещают вещи боком. не 100% на этой последней части, но я считаю, что это имеет какое-то отношение к печати. Я знаю, что идея поплавков была взята из печатной промышленности.

Ответ 2

Вместо использования float: left используйте display: inline-block для отдельных элементов и центрируйте их контейнер.

http://jsfiddle.net/ExplosionPIlls/rAkNY/5/

Ответ 3

Да, нет центра float/middle и может получить ответ W3C.

Существует тег <center>, но не более длинный.

Тег <center> устарел с HTML 4, и с его помощью создается несколько разных вопросов. Элементы, центрированные в HTML, могут отображаться по-разному в разных браузерах, а использование тега может увеличить страницу время загрузки. Кроме того, интенсивное использование будет затруднять ваш сайт редизайн - удаление сотен тегов занимает намного больше времени, чем изменение одного правила стиля в таблице стилей.

Тег официально устарел много лет назад, но он по-прежнему распознается большинством браузеров через их функции обратной совместимости. Так что да, если вы что-то, он будет сосредоточен. Однако, в интересах будущей проверки вас следует использовать современное центрирование CSS вместо этого.

Используйте margin:0 auto;

Если вы центрируете что-то еще, margin: 0 auto; будет получать ваш элемент в центре внимания большую часть времени. (Быстрое примечание: ваш элемент должен иметь объявленную ширину для этого.)

Поля: 0 auto; правило является сокращением для верхнего и нижнего полей и автоматическое левое и правое поля. Автоматическое левое и правое поля работать вместе, чтобы вставить элемент в центр его контейнера.

Ответ 4

Если вы хотите центрировать содержимое: 1. установите отображение свойства css : inline-block или inline для каждого элемента содержимого. 2. установить свойство css text-align: center для их родительского узла.