Provides various official and user-released code examples. For code reference, you are welcome to exchange and learn. # Android open source code # [source code sharing] [click it to share] can be directly copied and used: [cheile] CSS3 flexbox flexible layout for Adaptive Navigation
CSS code:
. Navigation {list-style: none; margin: 0; background: deepskyblue; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display: flex;-webkit-flex-flow: row wrap; justify-content: flex-end}
. Navigation a {text-decoration: none; display: block; padding: 1em; color: white}
. Navigation a: hover {background: #00AEE8}
@ Media all and (max-width: 800px) {. navigation {justify-content: space-around}
} @ Media all and (max-width: 600px) {. navigation {-webkit-flex-flow: column wrap; padding: 0}
. Navigation a {text-align: center; padding: 10px; border-top: 1px solid rgba (255,255,255, 0.3); border-bottom: 1px solid rgba (, 0, 0, (0.1 )}
. Navigation li: last-of-type a {border-bottom: none}
}
HTML code:
- Home
- About
- Products
- Cont **
AD: truly free, domain name + VM + enterprise mailbox = 0 RMB
