0

私はこれが千（百万？）回尋ねられたことを知っていますが、私の人生では、divをページの中央に配置できない理由を理解できません. HTML と CSS を最小限に抑えたとしても。

誰かが私がここで見逃していることを指摘していただければ幸いです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

<html>
    <head>
        <style type="text/css">
            div#branchSelect { margin: 0 auto; }
        </style>
    </head>
    <body>
        <div id="branchSelect">
            <h4 class="selectBranch">Select a Branch to View</h4>
            <select type="select" id="ddlBranches" class="selectBranch">
                <option id="defaultBranchesListItem" value="0">Select a branch...</option>
                <option value="1">Atlanta</option>
            </select>
        </div>
    </body>
</html>

ここにjsFiddleがあります。

4

2 に答える 2

6

div は自動的に 100% 幅に設定されます。

div の幅を設定し、 を使用margin: 0 auto;してページの中央に配置するだけです。

div#branchSelect {
    width:300px;
    margin:0 auto;
}
于 2013-01-25T13:48:44.400 に答える
0

divにはwidthプロパティがないため、デフォルトではwithは100％です。したがって、何をしても、画面全体に渡って幅プロパティを割り当てて、マージンを「0auto」に設定します。 "マーカス・レックが示すスタイルで

<body>
    <div style="width:800px; margin:0 auto;">
        centered content
    </div>
</body>
于 2013-01-25T13:54:12.343 に答える