跨度即将到来

我正在尝试在我的页面中实现分页。跨度即将到来

<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。我希望得到的结果不是来自单线。任何帮助将是非常有用的。

来源

2012-04-09 Pranav

那是因为他们都需要他们走出内嵌tekst流，并将它们放在一个单独的线风格display: block。

这是一个可行的小提琴： http://jsfiddle.net/sg3s/bGMa9/2/

如果你想他们的风格像块元素，但不是让他们离开tekst流量可以使用display: inline-block或使他们成为一个块级元素，但使用float: left;使他们坐在一起。

来源

2012-04-09 13:33:37 sg3s

感谢它正在工作.... – Pranav 2012-04-09 13:35:29

@Pranav，除非你确切知道你在做什么，否则不要使用浮动。未清理的浮动可能导致各种布局问题。 'inline-block'是一个更好的建议，以防需要将跨度设置为块级元素。 – bfavaretto 2012-04-09 14:32:26

@bfavaretto：谢谢..我会按照你的意见。 – Pranav 2012-04-10 04:19:31

跨度堆叠，因为你给他们display: block;。只要删除它们，它们应该全部内联。

UPDATE

你说你要显示和隐藏的元素。要使用内联元素执行此操作，只需将display设置为none进行隐藏，然后将''（空字符串）或inline设置为显示。

见http://jsfiddle.net/bGMa9/4/

来源

2012-04-09 13:30:54 bfavaretto

其实我需要显示和隐藏跨度，这就是为什么我给了块; – Pranav 2012-04-09 13:31:55

您可以使用display：inline/display：none来显示和隐藏。我建议像Alex Morales所说的那样漂浮他们。 – 2012-04-09 13:33:14

跨度即将到来

回答

相关问题