Question

如何调整Materialize芯片组件的大小？ http://materializecss.com/chips.html

我尝试更改芯片的CSS，但圆形扭曲。

Answer 1

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

.chip{
   width: 240px;
   height: 80px;
   border-radius: 80px;
   line-height: 80px;
}
.chip img{
   height: 80px;
   width: 80px;
}

标准边界半径为16px，因此将此值更改为与将使芯片再次旋转的高度相同的值。

行高也是让文本再次居中。

如果您在芯片内部使用图像，则必须使其更大。