2

マイページのレイアウト:

div for header : position: fixed
div for sidebar: float: left              div for content: float:left
div for footer : position: fixed

ユーザーがスクロールバーのどの位置にいても、フッターとヘッダーが常に表示されるように、位置が似ているように設定されています。ただし、サイドバーはページとともにスクロールします。

content の div には ui:insert が含まれているため、すべてのページがそこに読み込まれます。ページの1つで、コンテンツを割り当てられたスペースの中央に配置したいと考えています。そのページのすべてのコンテンツは、この目的のために div に配置されます。ウィンドウのサイズに関係なく、コンテンツが常に水平方向に中央に配置されるようにするには、どのスタイルを使用する必要がありますか。divの幅に固定値を指定できます。

デザイン全体を台無しにするので、位置を絶対または固定に設定することはできません。

4

2 に答える 2

2

固定幅の場合:

div.center {
    width: 300px;
    margin: 0 auto;
}

動的幅の場合:

div.center {
    width: 50%;
    margin: 0 25%;
}

JSFiddle は動作していませんが、できるだけ早く起動します。

于 2013-04-08T18:59:29.957 に答える
1

私が正しく理解している場合、divの幅が指定されている場合、次のようにする必要があります 

div {margin: 0 auto;}
于 2013-04-08T18:59:51.770 に答える