通过为表单输入框组设置 `width: fit-content`，可让边框紧密包裹内部所有子元素的最大宽度，避免默认的 100% 宽度撑满整行，从而实现精准、紧凑的视觉边界效果。
在 HTML 表单布局中，若直接对 解决的关键在于：改变容器的宽度计算方式。CSS 的 width: fit-content 正是为此设计——它使容器宽度收缩至其内部最宽子元素所占据的宽度（含内边距、边框等），而非默认的可用宽度。 以下是优化后的完整实现方案： 对应 CSS： ⚠️ 注意事项：.info {
border: 1px solid #333;
margin: 20px;
width: fit-content; /* ✅ 核心：收缩宽度至内容所需 */
padding: 12px; /* 可选：增加内边距提升可读性 */
}
.wrapper {
display: flex;
flex-direction: column;
gap: 8px; /* 控制每行间距 */
}
/* 建议：统一标签宽度，避免因文字长度不同导致错位 */
label {
display: inline-block;
min-width: 140px;
font-weight: 500;
margin-right: 8px;
}
input {
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
}
