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-таблица
- выравнивание
Для вашего дизайна обычной практикой является использование div, а не таблицы. Таким образом, ваш макет будет более удобным в сопровождении и изменчивым благодаря правильному стилю. К этому нужно привыкнуть, но в долгосрочной перспективе это очень поможет вам, и вы узнаете много нового о том, как работает стиль. Тем не менее, я предоставлю вам решение проблемы.
В ваших таблицах стилей поля и отступы установлены на 0 пикселей. Это переопределяет ваш атрибут align="center"
. Я бы порекомендовал удалить эти настройки из вашего CSS, так как обычно вы не хотите, чтобы все ваши элементы были затронуты таким образом. Если вы уже знаете, что происходит в CSS, и хотите сохранить его таким, то вам нужно применить стиль к вашей таблице, чтобы переопределить предыдущие наборы. Вы можете либо дать таблице класс
, либо вы можете поместить стиль в HTML. Вот два варианта:
С классом:
<таблица>таблица>
В вашем файле style.css будет что-то вроде этого:
.centerTable { margin: 0px auto; }
Встроенный в ваш HTML:
<таблица>таблица>
Если вы решите стереть поля и отступы, установленные на 0 пикселей, вы можете оставить Это определенно сработает.
Ура Попробуйте это — Присвойте классу центр , затем на CSS Это работает для меня. Можно настроить в зависимости от размера экрана Требуется, но не отображается Требуется, но не отображается Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения. спросил Изменено
8 месяцев назад Просмотрено
1,1 млн раз Я использую HTML Как выровнять текст по центру по горизонтали и вертикали? Вот пример с CSS и встроенным http://jsfiddle. net/j2h4xo9k/ РЕДАКТИРОВАТЬ : Атрибут CSS для центрирования текста в элементах Пример стиля строки HTML: Пример файла CSS: Попробуйте поместить это в свой файл CSS. Это единственный правильный ответ, имхо, поскольку вы работаете с таблицами, которые являются старой функцией, наиболее часто используемой для форматирования электронной почты. Поэтому лучше всего использовать не только стиль, но и встроенный стиль и известные теги таблицы. Селектор > ребенок: Если вы используете Bootstrap, вы можете использовать встроенный класс Следующее сработало для меня, чтобы выровнять содержимое по вертикали (многострочное) в таблице-списке Использование темы переопределяет параметр . align="center"
на своем тегов для любого столбца, который вы хотите выровнять. 3 стол
{
поле слева: авто;
поле справа: авто;
}
2
.center {
поле слева: авто;
поле справа: авто;
}
поле слева: авто;
поле справа: авто;
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google Зарегистрироваться через Facebook Зарегистрируйтесь, используя электронную почту и пароль Опубликовать как гость
Электронная почта Опубликовать как гость
Электронная почта css — Как центрировать содержимое таблицы HTML?
и хочу выровнять текст
по центру каждой ячейки. атрибуты стиля
: td
{
высота: 50 пикселей;
ширина: 50 пикселей;
}
#cssTable тд
{
выравнивание текста: по центру;
вертикальное выравнивание: посередине;
}
<граница таблицы="1">
таблица>
<граница таблицы="1">
Текст
Текст
таблица> Текст
Текст
valign
устарел в HTML5 и не должен использоваться. td
: td {
выравнивание текста: по центру;
вертикальное выравнивание: посередине;
}
td {
выравнивание текста: по центру;
вертикальное выравнивание: посередине;
}
тд {
выравнивание текста: по центру;
вертикальное выравнивание: посередине;
}
textgoeshere
.text-center-row>th,
.текст-центр-строка> тд {
выравнивание текста: по центру;
}
<граница таблицы="1">
Текст
Текст
Текст
Текст
Текст
Текст
Текст
Текст
таблица> Текст
Текст
Текст
Текст
.. таблица-список::
:класс: длинный стол
: заголовки строк: 1
:stub-столбцы: 1
:выровнять по левому краю
: ширина: 20, 20, 20, 20, 20
* - Классификация
- Ограниченный
- Компания |br| Конфиденциально
- Только для внутреннего пользования
- Общественный
* - Строка1 столбец1
- Строка1 столбец2
- Строка1 столбец3
- Строка1 столбец4
- Строка1 столбец5