当子元素隐藏时保留li宽度

Question

我有一个简单的分页控件，如下所示

http://jsfiddle.net/JLkJ6/1/

<ul class="c-work-list-pagination">
    <li class="link prev">
        <a href="#">Previous</a>
    </li>
    <li class="page">
        <span>Page</span>
        <span id="spnPage">0</span>
        <span>of</span>
        <span id="spnTotalPages">3</span>
    </li>
    <li class="link next">
        <a href="#">Next</a>
    </li>
</ul>

当没有要显示的上一页或下一页时，我需要能够隐藏li中的A元素（上一个/下一个）。当我将display：none应用于A标签时，LI不保留其33％的宽度。

我认为这很简单，但此刻我迷失了！感谢您的任何信息。

Answer 1

而不是使用display:none;，您可以使用visibility:hidden;