2

我有一个水平弹性盒，里面有类似的几个元素。每个都包含在一个中以启用项目之间的选项卡。我正在使用嵌入式 webkit，因此需要 Chrome 来查看我想要实现的效果。

我可以在项目之间成功地使用标签，但是如果一个项目离屏幕右侧太远，我希望该项目能够进入视图。但事实并非如此。示例代码可以在这里看到：

http://jsfiddle.net/sRGWS/

哪个使用这个：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <style type="text/css">

.flexbox {
display: -webkit-box;
-webkit-box-orient: horizontal;
margin: 5px;
}

.item{
background-color: rgb(255,0,0);
width: 100px;
height: 100px;
margin: 5px;
}
</style>
</head>
<body>
   <div class="flexbox">
     <a href=""><div class="item"></div></a>
     <a href=""><div class="item"></div></a>
     <a href=""><div class="item"></div></a>
     <a href=""><div class="item"></div></a>
     <a href=""><div class="item"></div></a>
     <a href=""><div class="item"></div></a>
     <a href=""><div class="item"></div></a>
     <a href=""><div class="item"></div></a>
     <a href=""><div class="item"></div></a>
   </div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
</body>
</html>
4

0 回答 0