Html 如何在离子卷轴内居中排列跨距_Html_Css_Angularjs_Ionic Framework_Ionic

Html 如何在离子卷轴内居中排列跨距

html css angularjs ionic-framework

Html 如何在离子卷轴内居中排列跨距,html,css,angularjs,ionic-framework,ionic,Html,Css,Angularjs,Ionic Framework,Ionic,我想在Ionicion滚动体中水平地将元素的“列表”垂直居中，并尝试了我能找到的几乎所有“居中”样式，但就是无法将其居中 <body ng-app='app' ng-controller='Index as vm'> <ion-content scroll=false> <div style="padding: 0px;height=80px;width:30%;align=center" > <ion-scroll class

我想在Ionic

ion滚动体中水平地将
元素的“列表”垂直居中，并尝试了我能找到的几乎所有“居中”样式，但就是无法将其居中
<body ng-app='app' ng-controller='Index as vm'>
 <ion-content scroll=false>
      <div style="padding: 0px;height=80px;width:30%;align=center" >
      <ion-scroll class="center" scrollbar-x=false direction="x" 
            style="text-align:center;background-color:pink;height: 80px;width:99%;white-space: nowrap">
          <span class='center' style="text-align:center;margin:5px;background-color:red;align=center" ng-repeat='d in vm.data'>{{d}}</span>
       </ion-scroll>
        </div>
    </ion-content>
 </body>


{{d}

这是上面提到的
我将
元素涂成红色，将容器涂成粉红色，以便我们可以看到
相对于容器的位置
有人有什么建议吗
提前感谢您的帮助。
阅读本文：

它将向您解释如何做。

它使用after，before
和重影元素的height:100%
来实现它
可在此处找到此功能的演示：

您可以尝试
显示
表格单元格
和表格

像这样
定义您的div
显示

表格和定义您的

离子滚动

显示表格单元格


{{d}

感谢您提供的信息。感谢您的帮助，它工作得非常好，而且在我将内容变得更复杂（即，不仅仅是一个跨度）后，似乎不会弄乱容器的任何宽度。太棒了。如果你能接受它作为回答，如果它对你有帮助，并且做了你所要求的，那么它将被挪用。