Html CSS网格布局-如何将滚动条置于左侧，并从左向右填充 如何将滚动条放在左边，但让ng从左到右重复填充

我使用ng repeat来填充一个3×X（宽×高）的网格，默认情况下滚动条位于右侧，根据正常的webview标准，我想将其放置在左侧，因此我使用了这个问题，但是现在我的

ng repeat

数据也从右向左填充，但我需要该数据从左向右显示，就像平常一样

根据我的理解，

direction:rtl

是将滚动条移动到另一端的唯一方法，是否有我缺少的工具可以移动非

direction:rtl

的滚动条，或者是否有其他方法将我的内容翻转回ltr

我的HTML：

<div class="h-blue-holding-grid">
  <div class="blue-holding-item" ng-repeat='img in recipeArray'>
    <div class="h-blue-holdingImg"><img src="/imgs/redhead.png" width="45" height="45"></img></div>
    <div class="h-blue-smalltime">{{Math.floor(img.data.data.start_time_ms/1000/60)}}:{{img.data.data.start_time_ms/1000%60}}<span ng-if="img.data.data.start_time_ms/1000%60 < 10">0</span></div>
    <div class="h-blue-smallfont">{{img.data.data.name}}</div>
  </div>
</div>

---

谢谢，

您可以通过将direction:ltr添加到子元素来实现这一点，对于您来说，它应该是这样工作的：

.blue-holding-item {
    direction:ltr;
}

这是你想要的吗

====更新=====

首先，ng repeat没有问题，它只是一个简单的css，并且按照预期工作。如果您有权访问html，您需要一个额外的div作为.blue保持项的包装，您将为它指定方向：ltr；一切都会好起来的

---

此处的工作示例：

您可以通过向子元素添加direction:ltr来完成此操作，对于您来说，它的工作原理如下：

.blue-holding-item {
    direction:ltr;
}

这是你想要的吗

====更新=====

首先，ng repeat没有问题，它只是一个简单的css，并且按照预期工作。如果您有权访问html，您需要一个额外的div作为.blue保持项的包装，您将为它指定方向：ltr；一切都会好起来的

此处的工作示例：

是否有某种[方法]可以移动滚动条而不是

方向：rtl

在现代浏览器中，您可以在父级

上使用

transform:scaleX（-1）

反转滚动条的一侧，然后应用相同的转换反转子级“sleeve”元素

HTML

看中

是否有某种[方法]可以移动滚动条而不是

方向：rtl

在现代浏览器中，您可以在父级

上使用

transform:scaleX（-1）

反转滚动条的一侧，然后应用相同的转换反转子级“sleeve”元素

HTML

---

请参见

中的内容，这并不能解决我的问题，因为我的网格现在从右向左填充，我不希望这样做。我的目标是让滚动条向左一个，但我的网格仍然从左到右填充。这并不能解决我的问题，因为我的网格现在从右到左填充，我不希望它这样做。我的目标是让滚动条向左移动一次，但我的网格仍然从左到右填充不，网格仍然从右到左填充，将ltr放在子元素上只是确保图像保持在子元素的lft上，文本保持在右侧不，网格仍然从右到左填充，将ltr放在子元素上只会确保图像保持在子元素的lft上，而文本保持在右侧

<div class="parent">
  <div class="sleeve">
    <!-- content -->
  </div>
</div>

.parent {
  overflow: auto;
  transform: scaleX(-1); //Reflects the parent horizontally
}

.sleeve {
  transform: scaleX(-1); //Flips the child back to normal
}