У меня есть сценарий, в котором ширина HTML-страницы ограничена (с максимальной шириной ), так что текст на странице не становится слишком широким (и трудно читать).
У меня также есть некоторые данные, представленные в таблицах (которые центрируются), которые отлично работают, пока таблица вписывается в родительский концерт. Но иногда таблица становится шире родительского элемента, в этот момент она перестает сосредоточиться, и вместо этого становится выровненной слева. />
.content {
background: lightgrey;
max-width: 8rem;
margin: 0 auto;
}
table {
border: 1px solid black;
margin: 1rem auto;
}< /code>
Lorem ipsum...
Narrow
Table
WideWideWideWide
TableTableTableTable
Lorem ipsum...
< /code>
< /div>
< /div>
< /p>
btw. Это может быть очевидно, но я говорю только о горизонтальном центрировании здесь.>
Подробнее здесь: https://stackoverflow.com/questions/121 ... -container
