使徽标看起来彼此之间的距离均匀答案

【问题标题】：Make logos look even distance from each other使徽标看起来彼此之间的距离均匀
【发布时间】：2022-07-06 22:20:53
【问题描述】：

我试图让我的徽标看起来彼此之间的距离均匀，但无法弄清楚为什么它不起作用。我已经尝试了一些东西，但仍然有一些问题。不知道我是否需要更改个人徽标尺寸，或者我可以在这里更改一些东西。（我没有编写原始代码，这就是我遇到问题的原因。）

Here is a picture of what I am talking about


import Marquee from 'react-fast-marquee'
import Icon from './icons'

const PartnerRunningLine = () => (
  <div className="absolute bottom-0 left-[-2px] right-[-2px] transform translate-y-[48px] overflow-x-clip overflow-y-visible">
    <div className="text-white bg-background-partners transform rotate-[-2deg] scale-[1.001]">
      <Marquee pauseOnHover gradient={false} speed={40}>
        <div className="grid grid-cols-5 gap-20 pr-16 py-[25px]">
          <Icon iconName="oasisSB" />
          <Icon iconName="coinsquare" />
          <Icon iconName="tetra" />
          <Icon iconName="researchCapital" />
          <Icon iconName="pfaff" />
        </div>
      </Marquee>
    </div>
  </div>
)

export default PartnerRunningLine

【问题讨论】：

标签： reactjs

【解决方案1】：

您的徽标格式是什么。是svg吗？如果不尝试使用 svg 并为徽标提供相同的高度和宽度。

【讨论】：