Как выровнять таблицу по центру html
Выравнивание таблицы работает только в случае, когда явно задана её ширина и она меньше 100%. При соблюдении этих условий для селектора table следует задать свойство margin со значением auto. Оно обозначает, что отступы от таблицы вычисляются автоматически, это как раз и приводит к её центрированию.
Наименование Кол-во Груши 10 Яблоки 7 Мандарины 5
table width: 300px; /* центрируем таблицу */ margin: auto; /* выравнивание текста внутри ячеек */ text-align: center; /* делаем границы красивыми */ border-collapse: collapse; > td /* делаем видимыми границы у таблицы */ border: 1px solid #333; > Как выровнять таблицу по центру окна браузера?
Выровнять таблицу по центру горизонтали окна браузера.
Решение
Выравнивание таблицы работает только в случае, когда явно задана её ширина и она меньше 100%. При соблюдении этих условий для селектора table следует задать свойство margin со значением auto . Оно обозначает, что отступы от таблицы вычисляются автоматически, это как раз и приводит к её центрированию (пример 1).
Пример 1. Использование margin
HTML5 CSS 2.1 IE Cr Op Sa Fx
Таблица в центре окна Балбес Бывалый Трус Шурик
Результат данного примера показан на рис. 1.
Рис. 1. Выравнивание таблицы с помощью стилей
HTML по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Как расположить таблицу по центру в css
table display:block; width:177px; margin:20px auto; >
Как это будет выглядеть в реальных условиях
В каких браузерах работает?
| 9.0+ | 1.0+ | 10.0+ | 4.0+ | 3.6+ | 2.0+ | 2.0+ |
Как расположить таблицу по центру в css
ну так и в примере не вся таблица
центр все центрует. начните с нуля. отключите все классы
и всё отцентрует, крики не помогает, не помогут, делайте всё с нуля, никто кроме вас не может знать, что вы там передаёте в классах в css, в теме вы не привели информацию.
Регистрация: 11.04.2017
Сообщений: 3
AzTec-140 5 116 116…120 21,33 4 3/8 AzTec-146 5 3/4 118 124…128 21,33 4 7/8 AzTec-168 6 5/8 137 143…148 22,97 5 5/8 AzTec-178 7 154 156 26,90 6 1/8 Тип устройства Диаметр обсадной колонны, дюйм Максимальный диаметр устройства, мм Диаметр фреза, мм Общая длина устройства, м Диаметр долота для последующего бурения, дюйм AzTec-194 7 5/8 160 168 27,56 6 3/4 AzTec-219 8 5/8 180 194 27,62 7 1/2 AzTec-245 9 5/8 200 216…223 27,62 8 3/4
Вот друг вся таблица. выручай
______________________
Используйте тег [CODE] (кнопка с решеткой # в форме сообщения) при вставке кода на форум.
Последний раз редактировалось Alex11223; 11.04.2017 в 15:25 .