Exemple de code de la propriété CSS -ms-flex-item-align.

<style>
 
.exemple-flex-ms-flex-align-start { -ms-flex-align : start; }
.exemple-flex-ms-flex-align-end { -ms-flex-align : end; }
.exemple-flex-ms-flex-align-center { -ms-flex-align : center; }
.exemple-flex-ms-flex-align-baseline { -ms-flex-align : baseline; }
.exemple-flex-ms-flex-align-stretch { -ms-flex-align : stretch; }

.exemple-flex-item-ms-flex-item-align-start { -ms-flex-item-align : start; }
.exemple-flex-item-ms-flex-item-align-end { -ms-flex-item-align : end; }
.exemple-flex-item-ms-flex-item-align-center { -ms-flex-item-align : center; }
.exemple-flex-item-ms-flex-item-align-baseline { -ms-flex-item-align : baseline; }
.exemple-flex-item-ms-flex-item-align-stretch { -ms-flex-item-align : stretch; }
.exemple-flex-item-ms-flex-item-align-auto { -ms-flex-item-align : auto; }

.exemple-flex-container-col,
.exemple-flex-container-row { display : -ms-flexbox; -ms-flex-direction : row; -ms-flex-wrap : wrap; 

width:500px; border-color:#666; } 
.exemple-flex-container-col { -ms-flex-direction : column; 
 height:300px; width:auto; border-color:#2a712a }
.exemple-flex-container-col .exemple-flex-item{width:150px; }
.exemple-flex-container-col .exemple-flex-item-width {width:250px; }
.exemple { border-width:1px; border-style:solid; margin-bottom:10px; padding:5px; }
.exemple-flex-item { border:1px dotted #666; display:block; -ms-flex : 0 0 auto; } 
</style>

<div class="exemple exemple-flex-container-row">
    <div class="exemple-flex-item">1 ) <b>align-self par défaut; </b></div>
    <div class="exemple-flex-item ">2 ) <b>align-self par défaut; </b> Lorem ipsum dolor sit amet.</div>
    <div class="exemple-flex-item">3 ) <b>align-self par défaut; </b></div>
    <div class="exemple-flex-item">4 ) <b>align-self par défaut; </b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</div>
    <div class="exemple-flex-item" style="font-size:20px">5 ) <b>align-self par défaut; </b></div>
    <div class="exemple-flex-item">6 ) <b>align-self par défaut; </b> Lorem ipsum dolor sit amet.</div>
</div>

<div class="exemple exemple-flex-container-row exemple-flex-ms-flex-align-start">
    <div class="exemple-flex-item">1 ) <b>align-items : start; </b></div>
    <div class="exemple-flex-item exemple-flex-item-height exemple-flex-item-ms-flex-item-align-end">2 ) <b>-ms-flex-item-align : end; </b> Lorem ipsum dolor sit amet.</div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-center">3 ) <b>-ms-flex-item-align : center; </b></div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-start">4 ) <b>align-items : start; </b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</div>
    <div class="exemple-flex-item exemple-flex-item-height exemple-flex-item-ms-flex-item-align-stretch" style="font-size:25px">5 ) <b>-ms-flex-item-align : stretch; </b></div>
    <div class="exemple-flex-item  exemple-flex-item-ms-flex-item-align-baseline">6 ) <b>-ms-flex-item-align : baseline; </b> Lorem ipsum dolor sit amet.</div>
</div>

<div class="exemple exemple-flex-container-row exemple-flex-ms-flex-align-center">
    <div class="exemple-flex-item">1 ) <b>align-items : start; </b></div>
    <div class="exemple-flex-item exemple-flex-item-height exemple-flex-item-ms-flex-item-align-end">2 ) <b>-ms-flex-item-align : end; </b> Lorem ipsum dolor sit amet.</div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-center">3 ) <b>-ms-flex-item-align : center; </b></div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-start">4 ) <b>align-items : start; </b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</div>
    <div class="exemple-flex-item exemple-flex-item-height exemple-flex-item-ms-flex-item-align-stretch" style="font-size:25px">5 ) <b>-ms-flex-item-align : stretch; </b></div>
    <div class="exemple-flex-item  exemple-flex-item-ms-flex-item-align-baseline">6 ) <b>-ms-flex-item-align : baseline; </b> Lorem ipsum dolor sit amet.</div>
</div>

<div class="exemple exemple-flex-container-col exemple-flex-ms-flex-align-stretch">
    <div class="exemple-flex-item">1 ) <b>align-items : start; </b></div>
    <div class="exemple-flex-item">2 ) <b>-ms-flex-item-align : end; </b> Lorem ipsum dolor sit amet.</div>
    <div class="exemple-flex-item">3 ) <b>-ms-flex-item-align : center; </b></div>
    <div class="exemple-flex-item">4 ) <b>align-items : start; </b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</div>
    <div class="exemple-flex-item" style="font-size:25px">5 ) <b>-ms-flex-item-align : stretch; </b></div>
    <div class="exemple-flex-item">6 ) <b>-ms-flex-item-align : baseline; </b> Lorem ipsum dolor sit amet.</div>
</div>

<div class="exemple exemple-flex-container-col exemple-flex-ms-flex-align-stretch">
    <div class="exemple-flex-item">1 ) <b>align-items : start; </b></div>
    <div class="exemple-flex-item exemple-flex-item-width exemple-flex-item-ms-flex-item-align-end">2 ) <b>-ms-flex-item-align : end; </b> Lorem ipsum dolor sit amet.</div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-center">3 ) <b>-ms-flex-item-align : center; </b></div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-start">4 ) <b>align-items : start; </b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</div>
    <div class="exemple-flex-item exemple-flex-item-width exemple-flex-item-ms-flex-item-align-stretch" style="font-size:25px">5 ) <b>-ms-flex-item-align : stretch; </b></div>
    <div class="exemple-flex-item  exemple-flex-item-ms-flex-item-align-baseline">6 ) <b>-ms-flex-item-align : baseline; </b> Lorem ipsum dolor sit amet.</div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-end">7 ) <b>align-items : end; </b> Lorem ipsum.</div>
</div>

<div class="exemple exemple-flex-container-col exemple-flex-ms-flex-align-center">
    <div class="exemple-flex-item">1 ) <b>align-items : start; </b></div>
    <div class="exemple-flex-item exemple-flex-item-width exemple-flex-item-ms-flex-item-align-end">2 ) <b>-ms-flex-item-align : end; </b> Lorem ipsum dolor sit amet.</div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-center">3 ) <b>-ms-flex-item-align : center; </b></div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-start">4 ) <b>align-items : start; </b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-center" style="font-size:25px">5 ) <b>-ms-flex-item-align : stretch; </b></div>
    <div class="exemple-flex-item  exemple-flex-item-ms-flex-item-align-baseline">6 ) <b>-ms-flex-item-align : baseline; </b> Lorem ipsum dolor sit amet.</div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-end">7 ) <b>align-items : end; </b> Lorem ipsum.</div>
    <div class="exemple-flex-item exemple-flex-item-ms-flex-item-align-stretch">8 ) <b>align-items : end; </b> Lorem ipsum.</div>
</div>