0

私はjqueryのページネーションをしようとしていますが、ナビゲーターを一番下に保つのに問題がありclear: bothます.

ここに画像の説明を入力

問題は、ナビゲーション divが終了する<div class="alt_page_navigation"></div>場所にある必要が</ul>あり、別の div に配置できないことです。そうしないと、ページネーションが壊れてしまいます。

alt_page_navigationもう 1 つの問題は、ページが動的であるため、事前に の幅がわからないことです。

これがライブページの例です。Googleが吐き出すすべてを試しましたが、役に立ちませんでした。誰かが簡単な解決策を知っているなら、私に知らせてください:)

ありがとうございました :))

4

4 に答える 4

3

Clear はインライン ブロック ディスプレイでは機能しませんが、センタリングには必要です。

クリア div を作成するためにこのソリューションを試してから、

<div class="clearfix"></div>

製品とポケットベルの間。

于 2012-04-28T14:50:46.690 に答える
1

あなたの.alt_page_navigationdivはそれにdisplay: inline-block設定しました。cssでこの行を削除すると、divはfloatをクリアします。コンテンツをページの中央に配置する場合は、コンテンツを追加text-align: centerして、コンテンツがinline-blockaブロックレベルになっている)ことを確認します。ここで実際の例を見ることができます:http://jsfiddle.net/6FNH6/

于 2012-04-28T15:12:25.747 に答える
1

ナビゲーションの高さに等しい下部にパディングを置き、次のように配置します。

.wrapper { position:relative; padding-bottom:1.5em }
.nav     { height:1.5em; position:absolute; bottom:0 }

例: http://jsfiddle.net/CwrMq/


しかし、絶対配置を使用する理由もありません。適切なdisplay:blockアイテムにするだけです。例: http://jsfiddle.net/CwrMq/1/

于 2012-04-28T15:03:26.090 に答える
0

これが私がこのような状況で使用する傾向がある解決策です。

あなたのpaginatorはそれを水平に配置するコンテナの中に入る必要があります

このフィドルを参照してください-http://jsfiddle.net/94MwF/1/

基本的には、text-alignを使用して水平方向に中央に配置し、絶対位置を使用して下部に配置します。

于 2012-04-28T15:14:43.593 に答える