Центральный таблица, даже если он шире, чем родительский контейнер ⇐ Jquery

[Anonymous]

У меня есть сценарий, в котором ширина 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