在CSS中，当将某元素设为display:inline-block后，如何使其中的块级元素实现自适应行内排列？

当你将某个元素设置为`display: inline-block`后，这个元素会像行内元素一样水平排列，但是可以包含块级内容，并且有固定的宽度。若想让内部的块级元素实现自适应行内排列，你可以采取以下几种策略：

1. **设置最大宽度**：给内部的块级元素添加一个`max-width`属性，使其不超过其容器的宽度，并通过百分比、em或rem单位使其基于父元素的大小动态调整。

.inline-block-container {
   display: inline-block;
}

.inline-block-container > .block-child {
   max-width: 100%;
   width: -moz-fit-content; /* Firefox */
   width: fit-content; /* IE 10+ and future browsers */
}

2. **使用Flexbox布局**：对于现代浏览器，你可以利用 Flexbox 来更方便地管理行内盒的布局。给包含元素设置 `display: flex`，然后块级子元素会自动适应行内空间。

.inline-block-flex {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.inline-block-flex > .block-child {
   flex: 1;
}

3. **媒体查询**：如果需要针对不同的屏幕尺寸调整布局，可以使用媒体查询来应用不同的样式规则。

@media (max-width: 768px) {
   .inline-block-container {
      display: block;
   }
   .block-child {
      display: block;
   }
}

请注意，上述解决方案可能需要考虑浏览器兼容性问题。