Question

我有一个水平的flexbox，里面有几个相似的元素。每个都包含在一个项目之间启用标签。我正在使用嵌入式webkit，因此需要Chrome才能看到我正在努力实现的效果。

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

使用它：

<!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>

Webkit水平flexbox标签和滚动

0 个答案: