sdfs: Вопрос: Как можно перенести текст в центр так, чтоб выглядело все ровно, будто строка начинается с центра.
Выровнять по центру, чтоб было выровнено по левому краю.. 🤣
Как-то так можно попробовать…
{
text-align:left;
padding-left:45%;
}
ну, и для мобилок, возможно, через @media указать меньше, чем 45..
onep
Выше уже ответили _jsfiddle.net/xftempdk/
sdfs
onep: Выше уже ответили _jsfiddle.net/xftempdk/
Воспользовался вашим кодом, вставил в css темы WP, теперь весь сайт поломал, все таблицы выплыли за края. Убрал код, а они так и остались, даже после резервной копии:D
Не подскажите в чем может быть проблема?
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>
И вроде ячейки выровнялись как положено,но таблица начинает плысть:
sdfs
Как правильно выровнять текст по центру в таблице(не елочкой)?
На первом варианте текст начинается как положено с левого краю:
А при переносе его в центр образуется елочка:
Вопрос: Как можно перенести текст в центр так, чтоб выглядело все ровно, будто строка начинается с центра.
Код таблицы:
<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
Вопрос: Как можно перенести текст в центр так, чтоб выглядело все ровно, будто строка начинается с центра.
Выровнять по центру, чтоб было выровнено по левому краю.. 🤣
Как-то так можно попробовать…
{
text-align:left;
padding-left:45%;
}
ну, и для мобилок, возможно, через @media указать меньше, чем 45..
onep
Выше уже ответили _jsfiddle.net/xftempdk/
sdfs
Выше уже ответили _jsfiddle.net/xftempdk/
Воспользовался вашим кодом, вставил в css темы WP, теперь весь сайт поломал, все таблицы выплыли за края. Убрал код, а они так и остались, даже после резервной копии:D
Не подскажите в чем может быть проблема?
onep
Я ширину таблицы для демонстратора добавлял. Очистите кеш браузера и добавляйте только
ivan-lev
все таблицы выплыли за края.
Чтоб для «конкретной» таблицы поменялось — прописать селектор (класс, 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>
И вроде ячейки выровнялись как положено,но таблица начинает плысть:
Нуждаюсь в вашем совете и знаниях.
Проблема решена, всем спасибо!