我希望文本在中间，当有很多文本时，我希望在那里缩进1vmin.现在不起作用了。例子

<代码><；p类=“文本”>；Lorem ipsum dolor sit amet consectetur，adipisicing elit.Cumque Eaque Provident Natus Exercitationem Consequatur Quo AB，Ratione，Accusantium Voluptatum Omnis Veritatis Nostrum.Quae iste Mollitia Quod Magni Necessitatibus ex placeat Consequuntur Reiciendis？Laborum EOS molestias quibusdam consectetur provident ullam porro expedita pariatur ea enim autem minima aspernatur，praesentium tempora inventore atque eaque aliquam rerum et corporis.Incidunt，排斥者！风雅，英寸<；/p>；<；样式>；.文本{字体大小：2vmin；  背景：绿色；高度：20Vmin；宽度：20vmin；  框大小：border-box；填充：1Vmin；  Overflow-X：隐藏；Overflow-Y：自动；  显示：Flex；Justify-content：中心；align-items：居中；}<；/样式>；

的填充和一段文本被忽略，尽管底部是好的。我该如何解决这个问题？

顺晟科技：

要解决您的问题，您需要修改HTML结构。在下面的代码中，我这样做了：

1. 将<p class="text"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cumque eaque provident natus exercitationem consequatur quo ab, ratione, accusantium voluptatum omnis veritatis nostrum. Quae iste mollitia quod magni necessitatibus ex placeat consequuntur reiciendis? Laborum eos molestias quibusdam consectetur provident ullam porro expedita pariatur ea enim autem minima aspernatur, praesentium tempora inventore atque eaque aliquam rerum et corporis. Incidunt, repellat! Fuga, in?</p> <style> .text{ font-size: 2vmin; background: green; height: 20vmin; width: 20vmin; box-sizing: border-box; padding: 1vmin; overflow-x: hidden; overflow-y: auto; display: flex; justify-content: center; align-items: center; } </style>段落包装在两个.text-outer-container元素中：.text-outer-container从<p class="text"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cumque eaque provident natus exercitationem consequatur quo ab, ratione, accusantium voluptatum omnis veritatis nostrum. Quae iste mollitia quod magni necessitatibus ex placeat consequuntur reiciendis? Laborum eos molestias quibusdam consectetur provident ullam porro expedita pariatur ea enim autem minima aspernatur, praesentium tempora inventore atque eaque aliquam rerum et corporis. Incidunt, repellat! Fuga, in?</p> <style> .text{ font-size: 2vmin; background: green; height: 20vmin; width: 20vmin; box-sizing: border-box; padding: 1vmin; overflow-x: hidden; overflow-y: auto; display: flex; justify-content: center; align-items: center; } </style>
2. 中删除了CSS规则，并将其应用于.text-outer-container。
3. 应用.text-outer-container到.text-outer-container（它阻止您的文本显示被切断）；
4. 集中了<p class="text"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cumque eaque provident natus exercitationem consequatur quo ab, ratione, accusantium voluptatum omnis veritatis nostrum. Quae iste mollitia quod magni necessitatibus ex placeat consequuntur reiciendis? Laborum eos molestias quibusdam consectetur provident ullam porro expedita pariatur ea enim autem minima aspernatur, praesentium tempora inventore atque eaque aliquam rerum et corporis. Incidunt, repellat! Fuga, in?</p> <style> .text{ font-size: 2vmin; background: green; height: 20vmin; width: 20vmin; box-sizing: border-box; padding: 1vmin; overflow-x: hidden; overflow-y: auto; display: flex; justify-content: center; align-items: center; } </style>段落中的文本，并添加了max-height: 100%;以替换.text-inner-container

   <代码><；DIV类=“ text-outer-container ”>；<；DIV类=“ text-inner-container ”>；<；p类=“文本”>；Lorem ipsum dolor sit amet consectetur，adipisicing elit.Lorem ipsum dolor sit amet consectetur，adipisicing elit.Cumque Eaque Provident Natus Exercitationem Consequatur Quo AB，Ratione，Accusantium Voluptatum Omnis Veritatis Nostrum.Quae iste Mollitia Quod Magni Necessitatibus ex placeat Consequuntur Reiciendis？Laborum EOS molestias quibusdam consectetur provident ullam porro expedita pariatur ea enim autem minima aspernatur，praesentium tempora inventore atque eaque aliquam rerum et corporis.Incidunt，排斥者！风雅，英寸<；/p>；<；/DIV>；<；/DIV>；