0

检查此链接 www.checkwebsitedemo.com/paging.jpg 上的图像，您会注意到 Next >> 的一部分包含在 2 行中，即 >> 显示在第 2 行，我希望它们始终在同一行中。如果空间较小，则整个 Next 按钮应转到下一行，但不应中断。

请让我知道如何通过 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;应该让那个按钮粘在一起；要么留在第一线，要么一起被推倒。

但是，总的来说，您应该调整样式，以免按钮被推到第二行。也许“......”还有几页。

于 2012-07-17T03:32:19.327 回答
0

添加white-space:nowrap;到您正在谈论的按钮的CSS。

于 2012-07-17T03:44:33.263 回答