前端学习（1815）：前端调试之css flex 练习1
生活随笔
收集整理的這篇文章主要介紹了
前端学习（1815）：前端调试之css flex 练习1
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
index.html
<!DOCTYPE html> <html lang="en"><head><!--系統內置 start--><script type="text/javascript"></script><!--系統內置 end--><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><link rel="stylesheet" href="./index.css" /><title>編程題</title> </head><body><ul class="container"><li class="item">Course</li><li class="item">會員</li><li class="item">活動福利</li><li class="item">前端</li></ul> </body></html>index.css
html, body {height: 100%;margin: 0; }ul, li {margin: 0;padding: 0; } li {list-style: none; }h1, h2 {margin: 0; }p {margin: 0;padding: 0; }/* 瀏覽器都有自己的默認樣式，以上部分為清除瀏覽器默認樣式 */ul {color: #ffffff;background-color: #282a35;}li {font-size: 14px; } .container{display:flex; } .item{margin-left:10px;margin-right:10px; }運行結果
總結
以上是生活随笔為你收集整理的前端学习（1815）：前端调试之css flex 练习1的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java源代码加密工具（Allatori
- 下一篇： 前端学习（1487）：axios介绍