html 在CSS中使用transform：translate()后，有没有办法删除空格？

t98cgbkg 于 2022-12-02 发布在其他

关注(0)|答案(1)|浏览(404)

如图所示，我试图将Col1中的图像放到正确的位置，所以我尝试使用translateY将其上移。但是，这会导致Col1和Col2之间出现空白间隙，所以我也尝试在Col2上使用translateY，但结果是在Col2下面留下了空白。有没有办法消除空白？
我的代码FYI：

//Card
<div className="card bg-white text-[color:var(--vddBlue)] rounded-3xl
    m-auto mt-[12rem] p-1 w-[375px] h-auto grid grid-cols-1  
    md:grid-cols-2 md:w-[1440px]">

//Col1
  <div className="grid translate-y-[-10.25rem] scale-75"><img /></div>

//Col2
  <div className="faq grid self-center justify-center h-auto translate-y-[-9rem] 
   md:translate-y-[0rem]">

</div>

Html

来源：https://stackoverflow.com/questions/72520950/is-there-a-way-to-remove-the-blank-spaces-after-using-transformtranslate-in-c