0

ゲームのウェブサイトを作成していて、ジャンルメニューにDIVタグを使用しています。メニューを作成しているときに、メニューのDIV要素のサイズを設定できないことがわかりました。それが重要な場合は使用しています。HTML：

    <div class="center">
     <div class="menu" onclick="location.href='all.html';">All</div>
     <div class="menu" onclick="location.href='action.html';">Action</div>
     <div class="menu" onclick="location.href='arcade.html';">Arcade</div>
     <div class="menu" onclick="location.href='racing.html';">Racing</div>
     <div class="menu" onclick="location.href='rpg.html';">PRG</div>
     <div class="menu" onclick="location.href='skill.html';">Skill</div>
    </div>
    <div class="center">
     <div class="menu" onclick="location.href='strategy.html';">Strategy/Puzzle</div>
     <div class="menu" onclick="location.href='shooting.html';">Shooting</div>
     <div class="menu" onclick="location.href='sports.html';">Sports</div>
     <div class="menu" onclick="location.href='gamegarage.html';">GameGarage</div>
    </div>

CSS：

    body
    {
    background-color:black;
    color:rgb(0,255,0);
    font-family:"Comic Sans MS";
    font-weight:bold;
    }
    .center
    {
    text-align:center;
    }
    .menu
    {
    font-size:1.35em;
    display:inline;
    width:250px;
    cursor:pointer;cursor:hand;
    border:5px solid #00FF00;
    }
    div
    {
    margin-bottom:15px;
    }

誰かが私が間違っていることを知っていますか？すべての助けをありがとう！

4

3 に答える 3

0

メニュータグのCSSを次のように変更してみてください。

.center .menu
{
font-size:1.35em;
display:inline-block;
width:250px;
cursor:pointer;cursor:hand;
border:5px solid #00FF00;
}

また、onclickイベントを次のように変更する必要がありますwindow.location.href = "link"

于 2012-07-20T21:04:11.327 に答える
0

使用する

display:block

また

display:inline-block

メニュークラスのインラインではなく。

于 2012-07-20T21:04:27.880 に答える
0

divの幅を固定するには、次のように設定する必要があります

.menu {
    display: inline-block;

これで、divの幅、高さ、および垂直方向の配置を定義できます。

    width: 250px; height: 1.4em; /* height: auto inherit 130px */
    vertical-align: middle;
}

ボックス化またはインラインボックス化された外側のボックス「.center」があるが、.menuのようにはるかに高くなる場合は、外側の「.center」ボックスの中央に配置されます。

于 2012-07-20T21:21:10.360 に答える