<div >
<nav>
<p>你好1</p>
<p>你好2</p>
<p>你好3</p>
<p>你好4</p>
<p>你好5</p>
<p>你好6</p>
<p>你好7</p>
<p>你好8</p>
<p>你好1</p>
<p>你好2</p>
<p>你好3</p>
<p>你好4</p>
</nav>
</div>
<style type="text/css">
#app {
height: 300px;
overflow-x: hidden;
line-height: 30px;
text-align: center;
}
#app nav::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
#app nav {
padding: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: middle;
-ms-flex-align: middle;
align-items: middle;
overflow: auto;
}
#app p {
text-align: center;
font-size: 36px;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 10px;
margin: 5px;
}
</style>