Css文本新行问题

检查图片链接www.checkwebsitedemo.com/paging.jpg ，你会注意到下一个>>的一部分被包裹在两行即ie >>显示在第二行，我希望他们让他们始终在同一条线上。如果空间不足，整个Next按钮应该转到下一行，但不应该中断。Css文本新行问题

请让我知道如何通过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;}

在此先感谢。

来源

2012-07-17 Asnexplore

请只使用相关标签来解决您的问题。 – 2012-07-17 03:44:09

肯定哥们，对不起，因为我是堆栈溢出的新手，所以我不知道。不管怎么说，多谢拉。将来会照顾到这一点。 – Asnexplore 2012-07-17 17:39:21

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

来源

2012-07-17 03:44:33

使用display: inline-block;应该得到那个按钮粘在一起;要么停留在第一线，要么一起推下去。

但是，总体而言，您应该调整自己的样式，以便按钮不会被推到第二行。也许“......”多了几页。

来源

2012-07-17 03:32:19 TurdPile

Css文本新行问题

回答

相关问题