你好,我遇到了一个问题,无论我试图移动我的图片,它都不会移动,我对打字和react 有点新手

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

推荐答案

您没有以正确的方式使用margin-left属性. official documents of tailwind中没有ml-100.

try 此选项,将小屏幕(640 px以上)以上的屏幕设置为margin-left:100px;,而小屏幕(高达640 px)的剩余余量将为0.我猜您打算从您的代码中做到这一点.

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

enter image description here

Javascript相关问答推荐

使用事件监听器在JavaScript中重新分配全局变量

在页面上滚动 timeshift 动垂直滚动条

如何在RTK上设置轮询,每24小时

useNavigation更改URL,但不呈现或显示组件

如何在Connect 4游戏中 for each 玩家使用位板寻找7形状?

Phaser 3 console. log()特定游戏角色的瓷砖属性

v—自动完成不显示 Select 列表中的所有项目

如何调用名称在字符串中的实例方法?

在带有背景图像和圆形的div中添加长方体阴影时的重影线

未加载css colored颜色 ,无法将div设置为可见和不可见

NG/Express API路由处理程序停止工作

将Node.js包发布到GitHub包-错误ENEEDAUTH

一个实体一刀VS每个实体多刀S

与svg相反;S getPointAtLength(D)-我想要getLengthAtPoint(x,y)

令牌JWT未过期

try 将Redux工具包与MUI ToggleButtonGroup组件一起使用时出错

使用自动识别发出信号(&Q)

用于测试其方法和构造函数的导出/导入类

FireBase FiRestore安全规则-嵌套对象的MapDiff

AG-GRIDreact 显示布尔值而不是复选框