html - 左右溢出的居中div

Question

这看起来是一个非常简单的问题，但我找不到答案:

我想将一个固定宽度为 500px 的 div 居中。标记和样式如下:

<div>
Lorem ipsum dolor sit amet, diceret delectus ea quo, ne eum essent legendos tacimates. Vel at perfecto omittantur. Iusto dolores sed an, error copiosae at his. Laoreet veritus vocibus te mel. An eos assum nobis vituperata, pro ad labitur facilis.
</div>

body {text-align:center;}
div {display:inline-block;width:500px;}

当视口(viewport)比我的 div 宽时，这很有效。但是，当视口(viewport)小于我的 div 时，它不再居中而是向右溢出。我希望我的 div 在视口(viewport)的两侧溢出，以便它保持居中。这可以用 CSS 实现吗？

body {text-align:center;}
div {display:inline-block;width:500px;}

<div>
Lorem ipsum dolor sit amet, diceret delectus ea quo, ne eum essent legendos tacimates. Vel at perfecto omittantur. Iusto dolores sed an, error copiosae at his. Laoreet veritus vocibus te mel. An eos assum nobis vituperata, pro ad labitur facilis.
</div>

Answer 1

首先，为什么有人会放大那么远。现在我认为您必须在 css 中执行类似 overflow: hidden; 的操作，这应该可行。这个问题已经可以在 is this the answer you're looking for? 得到解答。