gpt4 book ai didi

CSS水平滚动(简单)

转载 作者:太空宇宙 更新时间:2023-11-04 05:26:30 28 4
gpt4 key购买 nike

给定:

        <div class="pageNavWrap">
<a class="pageLink" href="#">1</a>
<a class="pageLink" href="#">2</a>
<a class="pageLink" href="#">3</a>
<a class="pageLink" href="#">4</a>
<a class="pageLink" href="#">5</a>
<a class="pageLink" href="#">6</a>
<a class="pageLink" href="#">7</a>
<a class="pageLink" href="#">8</a>
<a class="pageLink" href="#">9</a>
<a class="pageLink" href="#">10</a>
<a class="pageLink" href="#">11</a>
<a class="pageLink" href="#">12</a>
<a class="pageLink" href="#">13</a>
</div>

与:

.pageNavWrap{
background-color:#666;
text-align:center;
font-size:16px;
overflow-x:scroll;
}
a.pageLink{
color:White;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}

如何阻止链接向下溢出?我希望它们仅 overflow-x(已在 CSS 中指定)以便水平滚动条发挥作用。

干杯!

最佳答案

你需要添加

white-space:nowrap;

浏览器似乎并不都同意继承这个属性,所以尝试将它添加到两个 css 规则中。

关于CSS水平滚动(简单),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4865748/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com