Html 影响垂直对齐的div的水平滚动条
如何阻止水平滚动条影响div中文本的垂直对齐？我希望文本居中，滚动条可以在它下面 是否也可以将滚动条放置在外部div的底面（不影响其高度）上，并使用滚动条影响内部div的滚动Html 影响垂直对齐的div的水平滚动条,html,css,scroll,scrollbar,Html,Css,Scroll,Scrollbar,如何阻止水平滚动条影响div中文本的垂直对齐？我希望文本居中，滚动条可以在它下面 是否也可以将滚动条放置在外部div的底面（不影响其高度）上，并使用滚动条影响内部div的滚动 .outer{ 宽度：50%； 填充：30px； 背景色：#008000； } .内部{ 边框：1px纯红； 高度：50px； 溢出：滚动； 空白：nowrap； } Lorem ipsum dolor sit amet，是一位杰出的献身者。不，不，不，不，不，不。不要坐在酒吧里。这是一个很好的例子。在malesuad
.outer{
宽度：50%；
填充：30px；
背景色：#008000；
}
.内部{
边框：1px纯红；
高度：50px；
溢出：滚动；
空白：nowrap；
}
Lorem ipsum dolor sit amet，是一位杰出的献身者。不，不，不，不，不，不。不要坐在酒吧里。这是一个很好的例子。在malesuada的Cras congue Placelat purus。在里面
酒后驾车、酒后驾车、发酵调味品押注。这是一个便利的地方，也是一个重要的地方。酒后驾车在nisi和lacus发生，在id lacus发生意外。luctus velit的Praesent，eget interdum turpis。
.inner {
display: flex;
align-items: center;
border: 1px solid red;
height: 50px;
overflow: scroll;
white-space: nowrap;
}
.text {
margin: auto;
}
此处的文本
关于div外滚动条的第二个问题，我认为你做不到，但这里可能有人有解决办法：）添加
行高.outer{
宽度：50%；
填充：30px；
背景色：#008000；
}
.内部{
边框：1px纯红；
高度：50px；
线高：50px；
溢出：滚动；
空白：nowrap；
}
Lorem ipsum dolor sit amet，是一位杰出的献身者。不，不，不，不，不，不。不要坐在酒吧里。这是一个很好的例子。在malesuada的Cras congue Placelat purus。在里面
酒后驾车、酒后驾车、发酵调味品押注。这是一个便利的地方，也是一个重要的地方。酒后驾车在nisi和lacus发生，在id lacus发生意外。luctus velit的Praesent，eget interdum turpis。
<html>
<body>
<div class="outer">
<div class="inner">
<p class="text">Text here</p>
</div>
</div>
</body>
</html>