如何使下拉菜单仅显示一半或四分之一窗口大小?

时间:2019-03-08 23:41:16

标签: javascript php html

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>

here是代码的输出。

1 个答案:

答案 0 :(得分:0)

这里是如何使用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%;">


我一无所知,却给您提供了一些基本知识,甚至在这里发布之前,您都应该诚实了解这些知识。您必须学习并做出自己的尝试,这样我们才能准确了解您的需求。

发布与您尝试执行的操作无关的无关代码并不能真正帮助我们带来很多帮助。