Html 如何创建任意宽度的网格项(使用间隙)?

Html 如何创建任意宽度的网格项(使用间隙)?,html,css,Html,Css,我希望列表项具有垂直和水平间隙(彼此之间),并在空间不足时进行换行。我可以使用负边距实现它,但是否可以使用display:grid 正文{ 保证金:0; } 保险商实验室{ 填充:0; 裕度:-10px0-10px; } 李{ 填充物:2px4px; 显示:内联块; 利润率:10px 0 10px; 边框:1px纯红; } 中等大小文本 比其他文本长的文本 短文 CSS网格目前无法满足您的需求。要实现包装,您需要使用auto-fill()或auto-fit()功能,但两者都需要指定除auto

我希望列表项具有垂直和水平间隙(彼此之间),并在空间不足时进行换行。我可以使用负边距实现它,但是否可以使用
display:grid

正文{
保证金:0;
}
保险商实验室{
填充:0;
裕度:-10px0-10px;
}
李{
填充物:2px4px;
显示:内联块;
利润率:10px 0 10px;
边框:1px纯红;
}
  • 中等大小文本
  • 比其他文本长的文本
  • 短文

CSS网格目前无法满足您的需求。要实现包装,您需要使用
auto-fill()
auto-fit()
功能,但两者都需要指定除
auto
以外的宽度(分别为
min content
max content
)。