[英]Material UI: How to vertically centre align an icon button?
我有这段 tsx 代码来显示一个文本框和一个图标按钮来添加一些东西:
<TextField id="outlined-basic" label="22Keyword" defaultValue={"test123"} variant="outlined" />
<IconButton aria-label="delete">
<AddCircleOutlineOutlinedIcon />
</IconButton>
如您所见,“+”图标未与文本框的中间垂直对齐。 我尝试向按钮添加填充,但它破坏了鼠标悬停时显示的圆圈并使其像椭圆形:
<TextField id="outlined-basic" label="22Keyword" defaultValue={"test123"} variant="outlined" />
<IconButton aria-label="delete" style={{paddingTop: 19}}>
<AddCircleOutlineOutlinedIcon />
</IconButton>
我怎么说“所有这些元素都应该对齐”?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.