0

私は自分のページでページネーションを達成しようとしています。

<span height="40px"><span class="pg-normal" onclick="pager.prev();"> « Prev </span>
 |
<span id="pg1" class="pg-selected" onclick="pager.showPage(1);" style="display: block;">1</span>
<span id="sp1" style="display: block;">|</span>
<span id="pg2" class="pg-normal" onclick="pager.showPage(2);" style="display: block;">2</span>
<span id="sp2" style="display: block;">|</span>
<span id="pg3" class="pg-normal" onclick="pager.showPage(3);" style="display: block;">3</span>
    <span id="sp3" style="display: block;">|</span></span>

このCSSの問題を除いて、ほとんど完了しています。JSFIDDLE
を作成しました。私はそれが来ていない単一行の結果が欲しいです。どんな助けでも非常に役に立ちます。

4

2 に答える 2

3

display: blockそれは、それらがすべてインラインtekstフローからそれらを取り出し、別々のラインに配置するスタイルを持っているためです。

動作するフィドルは次のとおりです。http： //jsfiddle.net/sg3s/bGMa9/2/

ブロック要素のようにスタイルを設定したいが、tekstフローを残したくない場合はdisplay: inline-block、ブロックレベル要素を使用または作成できますがfloat: left;、それらを互いに隣接させるために使用できます。

于 2012-04-09T13:33:37.080 に答える
2

あなたがそれらを与えたので、スパンは積み重ねられますdisplay: block;。それを削除するだけで、すべてインラインになります。

アップデート

要素を表示したり非表示にしたりしたいとおっしゃいました。インライン要素を使用してこれを行うには、非表示の場合はに設定し、（空の文字列）に設定するか、表示するように設定displayします。none''inline

http://jsfiddle.net/bGMa9/4/を参照してください

于 2012-04-09T13:30:54.830 に答える