由于<marquee>不推荐使用 HTML 标记，因此我将使用 CSS 替代方案。但是，它在左边，但我希望文本向右。这是<marquee>带有一些样式的 CSS 替代方案。我尝试交换值，这确实使它向右移动，但它从文本末尾附近开始，而不是在末尾，实际的<marquee>. 两者都在,html,css"/>

时间戳

首页 > 解决方案 > 有没有办法移动这个的轻微缩进CSS替代品？

由于<marquee>不推荐使用 HTML 标记，因此我将使用 CSS 替代方案。但是，它在左边，但我希望文本向右。这是<marquee>带有一些样式的 CSS 替代方案。我尝试交换值，这确实使它向右移动，但它从文本末尾附近开始，而不是在末尾，实际的<marquee>. 两者都在

html - 有没有办法移动这个的轻微缩进CSS替代品？

由于<marquee>不推荐使用 HTML 标记，因此我将使用 CSS 替代方案。但是，它在左边，但我希望文本向右。这是<marquee>带有一些样式的 CSS 替代方案。我尝试交换值，这确实使它向右移动，但它从文本末尾附近开始，而不是在末尾，实际的<marquee>. 两者都在

问题描述

由于<marquee>不推荐使用 HTML 标记，因此我将使用 CSS 替代方案。但是，它在左边，但我希望文本向右。这是<marquee>带有一些样式的 CSS 替代方案。我尝试交换值，这确实使它向右移动，但它从文本末尾附近开始，而不是在末尾，实际的<marquee>. 两者都在这里：

左侧：

p {
        color: darkblue;
        font: xx-large sans-serif;
        white-space: nowrap;
        animation: marquee 10s linear infinite;
      }
      @keyframes marquee {
        100% {
          transform: translateX(-100%)
        }
        0% {
          transform: translateX(100%);
        }
      }
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

向右，但不是直接从末端：

p {
        color: darkblue;
        font: xx-large sans-serif;
        white-space: nowrap;
        animation: marquee 10s linear infinite;
      }
      @keyframes marquee {
        100% {
          transform: translateX(100%)
        }
        0% {
          transform: translateX(-100%);
        }
      }
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

Swift - 何时拥有单独的数据存储库？

关于何时拥有一个或多个存储库来加载相同类型的数据是否有最佳实践？特别是当存储库应该用于加载当前用户的数据（因此应该具有写入和读取访问权限）以及加载其他用户的数据（因此应该只有读取访问权限）时

例如，如果我有一个应用程序供动物园员工查看他们动物园和全国其他动物园的动物列表，我希望他们能够从他们的动物园添加/更新/删除动物，但不能从其他动物园添加/更新/删除动物.

我有一个AnimalRepository包含加载方法以及添加/更新/删除方法的方法，用于与动物园动物数据库进行交互。

我有两个单独的 ViewModel 调用这个 AnimalRepository - 一个用于我动物园的动物：MyZooAnimalsViewModel，另一个用于任何动物园的动物：otherZooAnimalsViewModel。

我可以将其保留为一个存储库，并在添加/更新/删除方法中检查 currentZooEmployee 的“zoo”属性是否与 AnimalRepository 中的动物园匹配，如果不匹配则抛出错误，或者我可以在我的时候创建单独的存储库专门看 currentZooEmployee 的动物园与我可能在看另一个动物园的时候。

代码示例

一个包含加载和添加方法的存储库：

class AnimalRepository: ObservableObject {
    var currentZooEmployee: User = currentUser.shared
    var zoo: String
    @Published var animals: [String]

    func loadAnimals {
        // should be available to anyone from any zoo.
    }
    func addAnimal {
        // should only be available if the current user's "zoo" property is equal to the zoo in the repository.
    }
}

两个 ViewModel - 第一个用于当前用户的动物园，第二个可以显示任何动物园：

class MyZooAnimalsViewModel {
    var AnimalRepository(zoo: CurrentUser.zoo)

    // should be able to both load the animals and add/update/delete them
}

class otherZooAnimalsViewModel {
    var AnimalRepository: AnimalRepository

    init(animalRepository: AnimalRepository) {
        self.animalRepository = animalRepository
    }

    // since this viewModel can load an animal repository from any zoo, they should have access to load, but I wouldn't want them to add/create/delete.
}

标签： htmlcss

解决方案

发现。我所要做的就是使用left: -200（但对于其他长度的文本，它可能大于或小于-200）并position: relative;在CSS中应用于<p>右侧的标签。就这么简单。;-;

推荐阅读