justificar elementos (botton) dentro de su contenedor

[matake]

Hola,
Estoy intentando justificar (distribuir) unos bottones y no lo consigo.
Pero si, funciona para los div-s.

Hay alguna manera de hacer lo mismo para los botones ?
(ya he pensado en aplicar estilo a los divs para que parezcan botones) pero, ¿habra otra manera?

Código HTML:

<style>
    #contenedor1, #contenedor2{
        width:100%;
        height:25px;
        display: table;
        text-align:justify;
        
    }
    button, #contenedor2 div{
        display:table-cell;
    }
</style>
 
 
<div id="contenedor1">
    <button>button1</button>
    <button>button2</button>
    <button>button3</button>
    <button>button4</button>
    <button>button5</button>
    <button>button6</button>
    <button>button7</button>
</div>
 
<!-- para los div-s funciona -->
 
<div id="contenedor2">
    <div>button1</div>
    <div>button2</div>
    <div>button3</div>
    <div>button4</div>
    <div>button5</div>
    <div>button6</div>
    <div>button7</div>
</div>
 

Otra cosita:
Si pongo en los contenedores width:100px por ejemplo ahora pasa al reves ... los botones colapsan y los divs no. Los divs se quedan en la misma linea aunque sobrepasan en ancho su contenedor

Me habria gustado conseguir que por un lado se alinean justificado pero con un tamaño mas pequeño del contenedor que colapsen.

Gracias