我无法使用tailwind-css和reactJS修改图像的位置

Question

你好，我遇到了一个问题，无论我尝试移动我的图片，它都不动，我对打字稿和反应有点陌生

import { zodResolver } from "@hookform/resolvers/zod"
import { useForm } from "react-hook-form"
import {Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage,
} from "@/components/ui/form"
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"
import { SignupValidation } from "@/lib/validation";
import { z } from "zod";


return (
    <div>
        <Form {...form}>
          <div className="sm:w-420 flex-center flex-col">
            <img src="/assets/images/image2vector.svg" alt="logo" className="ml-100 sm:ml-0" />
          </div>

我尝试更改值但没有成功

这就是它给我的image.png

Answer 1

您没有以正确的方式使用 margin-left 属性。

试试这个：

  <img src="/assets/images/image2vector.svg" alt="logo" className="ml-[100px] sm:ml-0" />