例如，在常见的输入框带图标案例中： .input-wrapper { display: inline-grid; grid-template-areas: 'front-icon input back-icon'; grid-template-columns: auto 1fr auto; /* 图标自动收缩，输入框占据剩余空间 */ } CSS Grid ...