Materialize 调整物化芯片组件的大小

Materialize 调整物化芯片组件的大小,materialize,Materialize,如何调整物化芯片组件的大小? 我试着改变芯片的CSS,但是圆形会变形。你可以用CSS改变它的宽度和高度 .chip{ width: 240px; height: 80px; border-radius: 80px; line-height: 80px; } .chip img{ height: 80px; width: 80px; } 标准边界半径为16px,因此将此值更改为与高度相同的值,这将使芯片再次变圆 另外,线条高度是使文本再次居中 如果你在芯片内

如何调整物化芯片组件的大小?


我试着改变芯片的CSS,但是圆形会变形。

你可以用CSS改变它的宽度和高度

.chip{
   width: 240px;
   height: 80px;
   border-radius: 80px;
   line-height: 80px;
}
.chip img{
   height: 80px;
   width: 80px;
}
标准边界半径为16px,因此将此值更改为与高度相同的值,这将使芯片再次变圆

另外,线条高度是使文本再次居中

如果你在芯片内部使用图像,你也必须把它放大


请您添加更多关于您已经尝试过的内容的详细信息好吗?我只是更改了高度,但缺少了img的css和边框半径。现在问题解决了。谢谢