<p>如何在頁面上水平和垂直居中ul列表中的導航?</p>
<p>以下是 HTML 與 CSS 程式碼</p>
<p><br />></p>
.nav{
寬度:100%;
高度:100%;
位置:固定;
背景顏色:白色;
溢出:隱藏;
}
.菜單a{
內邊距:30px;
顏色:黑色;
文字對齊:居中;
左:0;
保證金:0 自動;
彈性:無;
顯示:柔性;
對齊項目:居中;
調整內容:居中;
}</pre>
<pre class="brush:html;toolbar:false;"><nav class="nav">
- Google 商店
- Google 搜尋 </li>
<li><a href="#">Spotify</a></li>
<li><a href="#">Spotify 部落格</a></li>
<li><a href="#">Squarespace</a></li>
- 其他工作
</ul>
</nav></pre>
<p><br />></p>
<p>我嘗試使用CSS的flex方法來進行色彩專案。</p>
你必須將flexbox屬性應用於包含項目的容器,而不是項目本身。
這樣可以使你的ul在.nav容器中水平和垂直居中。