0

このリンクwww.checkwebsitedemo.com/paging.jpgで画像を確認してください。次の>>の一部が2行で折り返されていることに気付くでしょう。つまり、>>は2行目に表示されているので、常に同じ行に配置してください。スペースが少ない場合は、[次へ]ボタン全体が次の行に移動しますが、壊れてはなりません。

css経由でこれを行う方法を教えてください。以下は私のcssコードです。

    .paging {font-size:15px !important; line-height:250%; text-align:center;}
    .paging .paginate, span.inactive, a.current {font-size:12px; margin:1px; padding:3px 5px;}
    .paging span.paginate_dropdown {float:right;}
    .paging span.inactive {background:none !important; border:1px solid #CCCCCC !important; color:#CCCCCC !important; cursor: default;}
    .paging a.paginate {border:1px solid #CCCCCC; color:#0A246A; text-decoration:none;}
    .paging a.paginate:hover {background:#088AD8; border:1px solid #000000; color:#FFFFFF; text-decoration:none; text-shadow:0 1px 1px #000000;}
    .paging a.current {background:#088AD8; border:1px solid #000000; color:#FFFFFF; font-weight:bold; text-decoration:none; text-shadow:0 1px 1px #000000;}

前もって感謝します。

4

2 に答える 2

0

を使用display: inline-block;すると、そのボタンがくっつくはずです。最初の行に留まるか、一緒に押し下げられます。

ただし、全体として、ボタンが2行目に押されないようにスタイルを調整する必要があります。おそらく「...」あと数ページ。

于 2012-07-17T03:32:19.327 に答える
0

white-space:nowrap;あなたが話しているボタンのCSSに追加します。

于 2012-07-17T03:44:33.263 に答える