小编kfs*_*214的帖子

调整 Material UI Icon 高度的最佳实践

我将 Material UI Icons 中的两个图标排成一行。高度本身相同:24px。但路径的高度不同。一个是 18px,另一个是 22px。他们看起来不酷。

如何调整高度?我的意思是“用户看到的高度”。

import {
  Delete,
  FileCopy
} from "@material-ui/icons";

...

<Box display="flex">
  <FileCopy onClick={handleCopy} />
  <Delete onClick={handleDelete} />
</Box>
Run Code Online (Sandbox Code Playgroud)

我尝试设置 SVG 的高度,它使垂直对齐变得丑陋......

css reactjs material-ui

1
推荐指数
1
解决办法
4815
查看次数

标签 统计

css ×1

material-ui ×1

reactjs ×1