gpt4 book ai didi

html - 如果用户调整浏览器大小,我如何制作水平滚动条?

转载 作者:行者123 更新时间:2023-11-28 15:31:43 24 4
gpt4 key购买 nike

html代码,

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
#primaryContent{
text-align: center;

}
</style>
</head>

<body id="twoColLayout">
<div id="primaryContent">
<img src="banner_1.png" /><img src="banner_2.jpg" /><img src="banner_3.png" />

</div>

</body>
</html>

这就是结果。

enter image description here

好的,这很好用,但是如果让浏览器变小,

它是这样的,

enter image description here

我怎样才能制作一个滚动条,而不是放下图片?

最佳答案

您需要使用 min-width 属性来实现您要查找的内容。

例如,让我们假设您的每张图片都是 300 像素宽,因此包含这些图片的 #primaryContent 应该大于 300 像素 * 所有三张图片的总宽度的 3。

#primaryContent{
min-width:950px;
}

一旦浏览器拉伸(stretch)到 950 像素或更小,这将创建一个水平滚动条。

PS:950px 是一个任意值。根据您的要求计算其宽度。

READ MORE HERE

希望这对您有所帮助。

关于html - 如果用户调整浏览器大小,我如何制作水平滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20374673/

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