[HELP]Как правильно выровнять текст по центру в таблице(не елочкой)?

sdfs
На сайте с 25.02.2012
Offline
67
328

Как правильно выровнять текст по центру в таблице(не елочкой)?

На первом варианте текст начинается как положено с левого краю:

А при переносе его в центр образуется елочка:

Вопрос: Как можно перенести текст в центр так, чтоб выглядело все ровно, будто строка начинается с центра.

Код таблицы:

<table>

<tbody>

<tr>

<th style="text-align: center;">Название таблицы</th>

</tr>

<tr>

<td style="text-align: center;">Россия</td>

</tr>

<tr>

<td style="text-align: center;">Индия</td>

</tr>

<tr>

<td style="text-align: center;">Канада</td>

</tr>

<tr>

<td style="text-align: center;">Казахстан</td>

</tr>

<tr>

<td style="text-align: center;">Беларусь</td>

</tr>

</tbody>

</table>

Спасибо за ответы!

PROXY5.ru ( https://proxy5.ru/ ) - IPv4 прокси от 5$
IL
На сайте с 20.04.2007
Offline
418
#1
sdfs:
Вопрос: Как можно перенести текст в центр так, чтоб выглядело все ровно, будто строка начинается с центра.

Выровнять по центру, чтоб было выровнено по левому краю.. 🤣

Как-то так можно попробовать...

{

text-align:left;

padding-left:45%;

}

ну, и для мобилок, возможно, через @media указать меньше, чем 45..

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
O
На сайте с 30.09.2019
Offline
18
#2

Выше уже ответили _jsfiddle.net/xftempdk/

sdfs
На сайте с 25.02.2012
Offline
67
#3
onep:
Выше уже ответили _jsfiddle.net/xftempdk/

Воспользовался вашим кодом, вставил в css темы WP, теперь весь сайт поломал, все таблицы выплыли за края. Убрал код, а они так и остались, даже после резервной копии:D

Не подскажите в чем может быть проблема?

O
На сайте с 30.09.2019
Offline
18
#4

Я ширину таблицы для демонстратора добавлял. Очистите кеш браузера и добавляйте только


td {
padding-left: 45%;
}
IL
На сайте с 20.04.2007
Offline
418
#5
sdfs:
все таблицы выплыли за края.

Чтоб для "конкретной" таблицы поменялось - прописать селектор (класс, id) и добавить в css правило только для этого селектора... Ну, и матчасть подучить немного..

sdfs
На сайте с 25.02.2012
Offline
67
#6

Вот смотрите ребят, к таблицам можно указывать свой css, я укала от товарища выше.

Код получился таким:

<style type="text/css">

TABLE td {

padding-left: 45%;

}

</style>

<table>

<tbody>

<tr>

<th>Название таблицы</th>

</tr>

<tr>

<td>Россия</td>

<td>Россия</td>

<td>Россия</td>

</tr>

<tr>

<td>Россия</td>

<td>Россия</td>

<td>Россия</td>

</tr>

<tr>

<td>Россия</td>

<td>Россия</td>

<td>Россия</td>

</tr>

<tr>

<td>Россия</td>

<td>Россия</td>

<td>Россия</td>

</tr>

</tbody>

</table>

И вроде ячейки выровнялись как положено,но таблица начинает плысть:

Нуждаюсь в вашем совете и знаниях.

Проблема решена, всем спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий