如何使用水平滚动在网格视图中定位网格项

Question

这是jsfiddle示例：

http://jsfiddle.net/Lvc0u55v/5210/

<div ng-controller="MyCtrl" class="grid-view">
     <div class="grid-item" ng-repeat="item in items">
         <p>
             {{item.name}}
         </p>
     </div>
</div>

我想做什么

1. 当内容溢出时，它应该水平滚动但滚动条应该隐藏。
2. 每个网格项目内容应在中间垂直对齐。
3. 如果内容溢出，左侧和右侧的箭头标记会自动显示，表示有更多项目。
4. 网格项应垂直对齐到网格视图的中间

提前感谢。