如何使下拉菜單僅顯示一半或四分之一窗口大小？

Question

就像在IGN 上一樣，我想在我的電子雜志中將頂部選項卡從行布局更改為下拉菜單，就像 IGN 在網站窗口過小時所做的那樣。

我沒有嘗試過這個，我已經研究過它，但沒有發現任何讓我感到舒服的嘗試。 但是，這是我擁有的當前代碼：

 <h5 id="tabdiv"> <a href="index.html">Home</a> &emsp;&emsp; <a href="reviews.html">Reviews</a> &emsp;&emsp; <a href="interviews.html">interviews</a> &emsp;&emsp; <a href="apply.html">Apply</a> &emsp;&emsp; <a href="login register.html">Login / Sign Up</a>

這是代碼的輸出。

Answer 1

這是如何使用 HTML 創建下拉列表的示例

 select.example { max-width: 15%; }

 <select class="example"> <option value="stackoverflow">Stackoverflow</option> <option value="google">Google</option> <option value="yahoo">Yahoo</option> <option value="wired">Wired</option> <option value="theoatmeal">The Oatmeal</option> </select>

如果您的內容在電子雜志中，則可能必須使用style=""標簽。 <select class="example" style="max-width: 15%;">

---

在不了解更多信息的情況下，我可以為您提供一些基礎知識，您甚至在在這里發帖之前就應該誠實地了解這些基礎知識。 您必須學習並進行自己的嘗試，這樣我們才能准確了解您的需求。

發布與您正在嘗試做的事情相反的不相關代碼並不能真正幫助我們為您提供多少幫助。