css - 如何使用顺风 css 在标签中制作响应式文本

Question

今天我在密码标签中添加了一个文本，但是当我更改分辨率时，文本不会留在同一个地方，请帮助我。我的代码：

     <div class="flex">
       <BreezeLabel for="password" value="Password" /> 
          <Link
            :href="route('password.request')"
            class="text-sm text-purple-600 hover:text-purple-800 ml-48"
          >
            Forgot your password?
          </Link>
       </div>

一些 omg 来说明这种情况：
fullsize
md
sm

Answer 1

我不知道微风是如何工作的。

但我认为你可以使用flex对你有利的。

如果您希望链接始终在右侧，您可以使用这样的东西，

<div class="flex justify-between">
  <BreezeLabel for="password" value="Password" /> 
  <Link
    :href="route('password.request')" 
    class="text-sm text-purple-600 hover:text-purple-800"
  >Forgot your password?</Link>
</div>

如果这是您需要的，您可以在此处查看：https ://play.tai​​lwindcss.com/CXsdrXwDDq 。