HTML and CSS Reference
In-Depth Information
In Windows 8, you find excellent support for an approach that is becoming a ratified standard.
This approach is based on the concept of lexible boxes . You can read more about the background of
flexible boxes here: http://bit.ly/SUM20b .
Flexible boxes
In Windows Store applications, you create a flexible box by giving a DIV element a particular set of
CSS styles. For a practical hands-on session, open the default.css file of the SnapMe project and add
the following text:
.flexible-container {
display: -ms-flexbox;
-ms-flex-direction: row;
-ms-flex-align: start;
-ms-flex-wrap: wrap;
color: white;
font-size: 2em;
text-align: center;
height: 400px;
overflow: auto;
margin-top: 10px;
}
#block1 {
background: #43e000;
padding: 10px;
border: solid 2px #fff;
}
#block2 {
background: #166aff;
padding: 20px;
border: solid 2px #fff;
}
#block3 {
background: #43e000;
padding: 20px;
border: solid 2px #fff;
}
#block4 {
background: #ababab;
padding: 25px;
border: solid 2px #fff;
}
#block5 {
background: #ff6a00;
padding: 10px;
border: solid 2px #fff;
}
Search WWH ::




Custom Search