Render равномерное расстояние между кнопками в div?

Question

Я не знаю визуализированную ширину DIV или любую из кнопок. Как изменить разметку таким образом, чтобы кнопки отображались с равномерным (или как можно ближе) расстоянием между каждым из них?

EDIT: Кроме того, кнопки должны потреблять всю ширину DIV.

<div> 
    <asp:Button ID="Button1" runat="server" Text="Action1" /> 
    <!-- space between rendered buttons --> 
    <asp:Button ID="Button2" runat="server" Text="Action2" /> 
    <!-- space between rendered buttons --> 
    <asp:Button ID="Button3" runat="server" Text="Action3" /> 
    <!-- space between rendered buttons --> 
    <asp:Button ID="Button4" runat="server" Text="Action4" /> 
</div> 

Answer 1

Я мышления это не может быть сделано без стола, JavaScript или использование по крайней мере некоторых (относительных) ширины (если вы можете установить проценты, это легко.).

Или, возможно, положить каждую кнопку в div с display: table-cell, но я нахожу это больным. Тогда скорее будьте честны и используйте таблицу.

Не стесняйтесь доказывать, что я ошибаюсь, меня бы интересовали альтернативные подходы.