0

我有一个简单的博客，其中包含三个导航链接——下一个、存档和上一个。当不存在下一个或上一个帖子时，呈现博客的引擎将忽略下一个或上一个链接。有没有办法确保删除或其中一个不会影响其他两个的放置？

我已经尝试了几种方法，但我的存档链接总是在缺少链接的方向偏离中心。

编辑：下面响应 Blender 的更多信息。抱歉没有现场演示。我会看看我能做什么。

我的第一次尝试只是一个内联显示的列表，并以页面的主 div 为中心。然后我尝试将其拆分并浮动到存档的左右两侧，当所有三个都存在时效果很好，但导致上述漂移。我想要的是链接水平对齐但彼此独立，存档始终以 div 为中心。

从我的 mako 模板中，后一种尝试（使用花车）：

<div id="navigation">
% if prev_post:
    <a id="prev" href="${prev_post.permapath()}">&#60;&#60;Prev</a>
% endif
% if next_post:
    <a id="next" href="${next_post.permapath()}">Next&#62;&#62;</a>
% endif
    <a id="archive" href="/archive">Archive</a>
</div>
4

1 回答 1

1

我会更改您的代码，以便不删除元素，而只需删除文本：

<div id="navigation">

    <a id="prev" href="${prev_post.permapath()}"> % if prev_post: &#60;&#60; Prev% endif </a>


    <a id="next" href="${next_post.permapath()}"> % if next_post: Next&#62;&#62; % endif </a>

    <a id="archive" href="/archive">Archive</a>
</div>

现在您可以使用 CSS 设置锚点的宽度。

a {
    width: 60px; 
    height: 20px;   
    display: block; 
    float:left;    
}

不要忘记您需要清除 div，因为它包含浮动元素。

看看这个 jsfiddle：http: //jsfiddle.net/GcpJA/。

于 2012-08-13T04:01:21.480 回答