下拉不调整大小
Dropdown not resize
我正在使用 flex 网格，其中行和列具有 属性 display:flex。
现在我正在创建一个下拉菜单。使用 属性 display:inline-flex。但它延伸到全宽。 属性 inline-flex 不起作用。
我无法移除包装纸 属性
.wrapper {
display:flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
}
所以我在您的代码中更改了以下内容：
将 align-self: flex-start 添加到 dropdown 以不扩展整个宽度（这是因为 align-items 或 align-self 的默认值是 stretch)
已将 dropdown 的 min-width 从 100 像素更改为 180 像素以匹配 ul
.dropdown{
align-self: flex-start;
min-width:180px;
}
我正在使用 flex 网格，其中行和列具有 属性 display:flex。
现在我正在创建一个下拉菜单。使用 属性 display:inline-flex。但它延伸到全宽。 属性 inline-flex 不起作用。
我无法移除包装纸 属性
.wrapper {
display:flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
}
所以我在您的代码中更改了以下内容：
将
align-self: flex-start添加到dropdown以不扩展整个宽度（这是因为align-items或align-self的默认值是stretch)已将
dropdown的min-width从 100 像素更改为 180 像素以匹配ul.dropdown{ align-self: flex-start; min-width:180px; }