د. عائض القرني - 13/5/2005 م DHTML_Color_Picker
د. عائض القرني - 13/5/2005 م DHTML_Color_Picker
البخيل شخص يعيش طيلة حياته دون أن يتذوّق طعم الحياة. إقرأ المزيد على موضوع.كوم: https://mawdoo3.com الحرية هي الحياة، ولكن لا حرية بلا فضيلة. .
<style scoped>
.nav {
/* Establish a flex container */
display: -webkit-flex;
display: -moz-flex;
display: flex;
margin: 0.25em auto 1.5em;
padding-left: 0;
list-style-type: none;
}
/* First image: Flexbox with no flex */
.nav li {
/* equivalent to flex: 0 0 auto; */
-webkit-flex: none;
-moz-flex: none;
flex: none;
}
/* Second image: Relative flex */
.nav li {
/* equivalent to flex: 1 1 auto; */
-webkit-flex: auto;
-moz-flex: auto;
flex: auto;
}
/* Third image: Absolute flex */
.nav li {
/* equivalent to flex: 1 1 0px; */
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
/* Fourth image: Differing flex values */
.nav li {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.nav li:nth-child(2) {
/* equivalent to flex: 2 1 0px; */
-webkit-flex: 2;
-moz-flex: 2;
flex: 2;
}
/* Increase click target area */
.nav a {
display: block;
width: 100%;
height: 100%;
padding: 0.25em 0;
font-family: "Helvetica Neue", Arial, sans-serif;
text-decoration: none;
color: hsl(220, 100%, 0%);
}
.nav li {
margin: 0 0.5%;
border: 1px solid #999;
border-radius: 2px;
text-align: center;
background-color: #eee;
}
</style>
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/articles">Space Monkey Articles</a></li>
<li><a href="/dashboard">Log in</a></li>
</ul>
flex
presets (relative vs absolute flex)flex: initial
flex: auto
flex: <positive-number>
flex: <positive-number> (1 1 2)
flex: auto
flex: <positive-number>
flex: initial
flex: initial
with auto margins 1flex: initial
with auto margins 2flex: initial
with auto margins 3flex: initial
with auto margins 4justify-content
justify-content: flex-start
justify-content: flex-end
justify-content: center
justify-content: space-between
justify-content: space-around
align-items
values to the flex containerOn January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
Aucun commentaire:
Enregistrer un commentaire