學習CSS flexbox的一個游戲:flexboxfroggy
flexboxfroggy是學習CSS flexbox的一個游戲。
Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code! Guide this frog to the lilypad on the right by using the justify-content
property, which aligns items horizontally and accepts the following values:
flex-start
: Items align to the left side of the container.flex-end
: Items align to the right side of the container.center
: Items align at the center of the container.space-between
: Items display with equal spacing between them.space-around
: Items display with equal spacing around them.
</ul>
For example, justify-content: flex-end;
will move the frog to the right.
在線地址:http://flexboxfroggy.com/
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!