我试图让我的 DIV 显示仅水平滚动条。我正在用大量图像填充 DIV,并且只希望用户能够水平滚动。
但是我有两个问题:
我读过的一个教程给了我一些代码(我现在没有了),说它将显示滚动条。但它没有。它也使图像出现在彼此之下。所以我废弃了那个代码。
另一个教程给了我想要的“外观”,但没有滚动条。但是滚动条应该出现!
我怎样才能拥有一个充满图片和水平滚动条的 DIV?
这是我目前所拥有的:
CSS: (dude.css)
.EditorialImagePaneOne
{
width: 500px
-ms-overflow-x:scroll;
overflow-x:scroll;
white-space:nowrap;
}
.ShowcaseImage
{
height: 407px;
}
HTML: (Index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="../Assets/CSS/dude.css" />
<title></title>
</head>
<body>
<div class="EditorialImagePaneOne">
<img src="../Assets/Images/Editorial/1-1.jpg" class="ShowcaseImage" />
<img src="../Assets/Images/Editorial/1-2.jpg" class="ShowcaseImage" />
<img src="../Assets/Images/Editorial/1-3.jpg" class="ShowcaseImage" />
<img src="../Assets/Images/Editorial/1-4.jpg" class="ShowcaseImage" />
<img src="../Assets/Images/Editorial/1-5.jpg" class="ShowcaseImage" />
<img src="../Assets/Images/Editorial/1-6.jpg" class="ShowcaseImage" />
<img src="../Assets/Images/Editorial/1-7.jpg" class="ShowcaseImage" />
<img src="../Assets/Images/Editorial/1-8.jpg" class="ShowcaseImage" />
</div>
</body>
</html>
最佳答案
也许您错过了类似 DOCTYPE
的内容在页面中.. 确保将其作为代码中的第一行,在 <html>
之上行:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
关于php - DIV 不显示水平滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6402230/