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


sdfs
330

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

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

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

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

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

Код таблицы:

<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>

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


ivan-lev

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

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

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

{

text-align:left;

padding-left:45%;

}

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


onep

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


sdfs

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

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

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

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


onep

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


td {
padding-left: 45%;
}


ivan-lev

sdfs:
все таблицы выплыли за края.

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


sdfs

Вот смотрите ребят, к таблицам можно указывать свой 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>

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

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

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

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

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

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