HTML CSS 使div中的子元素横向排列，并均匀分布

#do_rect{ 
    /* 水平均匀排列 */
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 
    gap: 10px;
}

以上是示例。

效果图：

<div id="do_rect">
    <asp:Button Text="添加" Width="100px" runat="server"/>
    <asp:Button  Width="100px" runat="server"/>
    <label>你好</label>
</div>