Как сделать таблицу по центру html: Как выровнять таблицу по центру окна браузера?

html — Как выровнять таблицу по центру?

Задать вопрос

Вопрос задан

Изменён 2 года 1 месяц назад

Просмотрен 424 раза

HTML:

<table>
        <thead>
            <tr>
                <th><h5>Predictions</h5></th>
                <th><h5>Probability value</h5></th>
            </tr>
        </thead>
        
        <tbody>
            <tr>
                <th>Both to score (yes)</th>
                <td>{{ predictions.both_score_yes }}</td>
            </tr>
            <tr>
                <th>Both to score (no)</th>
                <td>{{ predictions.
both_score_no }}</td> </tr> <tr> <th>Over 2.5</th> <td>{{ predictions.over_25 }}</td> </tr> <tr> <th>Under 2.5</th> <td>{{ predictions.under_25 }}</td> </tr> <tr> <th>1X</th> <td>{{ predictions.1x_team1 }}</td> </tr> <tr> <th>X2</th> <td>{{ predictions.x2_team2 }}</td> </tr> <tr> <th>{{ predictions.name_team1 }} score</th> <td>{{ predictions.score_yes_team1 }}</td> </tr> <tr> <th>{{ predictions.name_team2 }} score</th> <td>{{ predictions.score_yes_team2 }}</td> </tr> <tr> <th>{{ predictions.
name_team1 }} over 2.5</th> <td>{{ predictions.ind_total_over_25_team1 }}</td> </tr> <tr> <th>{{ predictions.name_team1 }} under 2.5</th> <td>{{ predictions.ind_total_under_25_team1 }}</td> </tr> <tr> <th>{{ predictions.name_team2 }} over 2.5</th> <td>{{ predictions.ind_total_over_25_team2 }}</td> </tr> <tr> <th>{{ predictions.name_team2 }} under 2.5</th> <td>{{ predictions.ind_total_under_25_team2 }}</td> </tr> </tbody> </table>

CSS:

.table {
    width: 500px;
    margin: 0;
}
.table td {
    text-align: center;
}

Почему то смещается влево

Как выровнять чтобы была по центру ?

  • html
  • css
  • bootstrap

почти так, только допиши здесь «margin: 0 auto;»

1

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Как разместить таблицу по центру — Вопрос от Олег Крылов #2

  • Вопросы
  • Горячие
  • Пользователи
  • Вход/Регистрация
>

Категории вопросов

Задать вопрос +

Основное

  • Вопросы новичков (16659)
  • Платные услуги (2163)
  • Вопросы по uKit (82)

Контент-модули

  • Интернет-магазин (1444)
  • Редактор страниц (237)
  • Новости сайта (501)
  • Каталоги (809)
  • Блог (дневник) (114)
  • Объявления (296)
  • Фотоальбомы (434)
  • Видео (258)
  • Тесты (60)
  • Форум (581)

Продвижение сайта

  • Монетизация сайта (222)
  • Раскрутка сайта (2463)

Управление сайтом

  • Работа с аккаунтом (5355)
  • Поиск по сайту (427)
  • Меню сайта (1767)
  • Домен для сайта (1546)
  • Дизайн сайта (13511)
  • Безопасность сайта (1489)
  • Доп. функции (1311)

Доп. модули

  • SEO-модуль (225)
  • Опросы (63)
  • Гостевая книга (99)
  • Пользователи (433)
  • Почтовые формы (320)
  • Статистика сайта (198)
  • Соц. постинг (214)
  • Мини-чат (91)

Вебмастеру

  • JavaScript и пр. (645)
  • PHP и API на uCoz (236)
  • SMS сервисы (10)
  • Вопросы по Narod. ru (435)
  • Софт для вебмастера (39)

Выравнивание по центру HTML-таблицы – Qaru (два столбца не должны быть больше ширины изображения) Вот страница: http://www.puzzles-et-jeux.com/fr/page/minipuzzles.html Я потратил много времени, пытаясь решить эту проблему. Я хотел бы сохранить его в HTML, потому что мне нужно спешить, а также потому, что мне нужно создать 20 страниц с разной шириной/+ макетами для каждого изображения.

  • html
  • html-таблица
  • выравнивание
0

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

В ваших таблицах стилей поля и отступы установлены на 0 пикселей. Это переопределяет ваш атрибут align="center" . Я бы порекомендовал удалить эти настройки из вашего CSS, так как обычно вы не хотите, чтобы все ваши элементы были затронуты таким образом. Если вы уже знаете, что происходит в CSS, и хотите сохранить его таким, то вам нужно применить стиль к вашей таблице, чтобы переопределить предыдущие наборы. Вы можете либо дать таблице класс , либо вы можете поместить стиль в HTML. Вот два варианта:

  1. С классом:

    <таблица>

В вашем файле style.css будет что-то вроде этого:

 .centerTable { margin: 0px auto; }
 
  1. Встроенный в ваш HTML:

    <таблица>

Если вы решите стереть поля и отступы, установленные на 0 пикселей, вы можете оставить align="center" на своем тегов для любого столбца, который вы хотите выровнять.

3

 стол
{
поле слева: авто;
поле справа: авто;
}
 

Это определенно сработает. Ура

2

Попробуйте это —

 
2

Присвойте классу центр

, затем на CSS

 .center {
  поле слева: авто;
  поле справа: авто;
}
 
 

Это работает для меня.

1

 поле слева: авто;
    поле справа: авто;
 

Можно настроить в зависимости от размера экрана

1

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

css — Как центрировать содержимое таблицы HTML?

спросил

Изменено 8 месяцев назад

Просмотрено 1,1 млн раз

Я использую HTML

и хочу выровнять текст <граница таблицы="1">

http://jsfiddle. net/j2h4xo9k/

РЕДАКТИРОВАТЬ : Атрибут valign устарел в HTML5 и не должен использоваться.

3

CSS для центрирования текста в элементах td :

 td {
  выравнивание текста: по центру;
  вертикальное выравнивание: посередине;
}
 

Пример стиля строки HTML:

 

Пример файла CSS:

 td {
    выравнивание текста: по центру;
    вертикальное выравнивание: посередине;
}
 

Попробуйте поместить это в свой файл CSS.

 тд {
  выравнивание текста: по центру;
  вертикальное выравнивание: посередине;
}
 
 

Это единственный правильный ответ, имхо, поскольку вы работаете с таблицами, которые являются старой функцией, наиболее часто используемой для форматирования электронной почты. Поэтому лучше всего использовать не только стиль, но и встроенный стиль и известные теги таблицы.

1

Селектор > ребенок:

 .text-center-row>th,
.текст-центр-строка> тд {
  выравнивание текста: по центру;
} 
 <граница таблицы="1">
  

Если вы используете Bootstrap, вы можете использовать встроенный класс

 
по центру каждой ячейки.

Как выровнять текст по центру по горизонтали и вертикали?

  • html
  • css
  • html-table

Вот пример с CSS и встроенным атрибуты стиля :

 td
{
    высота: 50 пикселей;
    ширина: 50 пикселей;
}

#cssTable тд
{
    выравнивание текста: по центру;
    вертикальное выравнивание: посередине;
} 
 <граница таблицы="1">
    
Текст Текст
Текст Текст
textgoeshere
Текст Текст Текст Текст
Текст Текст Текст Текст
Текст Текст Текст Текст

Следующее сработало для меня, чтобы выровнять содержимое по вертикали (многострочное) в таблице-списке

 .. таблица-список::
   :класс: длинный стол
   : заголовки строк: 1
   :stub-столбцы: 1
   :выровнять по левому краю
   : ширина: 20, 20, 20, 20, 20
   * - Классификация
     - Ограниченный
     - Компания |br| Конфиденциально
     - Только для внутреннего пользования
     - Общественный
   * - Строка1 столбец1
     - Строка1 столбец2
     - Строка1 столбец3
     - Строка1 столбец4
     - Строка1 столбец5
 

Использование темы переопределяет параметр .

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

© 2019 Штирлиц Сеть печатных салонов в Перми

Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми.