|
|
Line 188: |
Line 188: |
| <div style="flex:1; height:50px; background-color:orange">2</div> | | <div style="flex:1; height:50px; background-color:orange">2</div> |
| <div style="flex:1; height:50px; background-color:red">3</div> | | <div style="flex:1; height:50px; background-color:red">3</div> |
| </div></div></td>
| |
| </tr>
| |
| <!-----------------------------------------------controlling spaces between objects--------------------------------------------------->
| |
| <tr>
| |
| <td style="border:1px solid black; padding-left:5px">[[Help:Wiki University Flexbox - Display Horizontal#Moving boxes around horizontally|Placing objects at end of containers]]</td>
| |
| <td style="border:1px solid black; padding-left:5px"><nowiki>justify-content:flex-end</nowiki></td>
| |
| <td style="border:1px solid black; padding:5px">
| |
| <div style="border:2px solid red; padding:2px">
| |
| <div style="display:flex; justify-content:flex-end">
| |
| <div style="height:50px; width:30px; background-color:yellow">1</div>
| |
| <div style="height:50px; width:30px; background-color:orange">2</div>
| |
| <div style="height:50px; width:30px; background-color:red">3</div>
| |
| </div></div></td> | | </div></div></td> |
| </tr> | | </tr> |