Question

我在网站上的帖子中如何显示标签时遇到问题。我在这里有一个截图显示问题： http://i.imgur.com/VaY3xfM.png

顶部的pos显示了它应该看起来如何，边框内的所有标签。但正如你在第二篇中看到的那样，标签的数量打破了设计。我希望它能让所有标签保持在一行，不显示其余标签，或者显示“......”，所以它们都可以放在边框内。

#tags{
font-weight:normal;
font-size:11px; 
text-transform: lowercase;
font-family: "Goudy Old Style", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;color:{color:o main text};
padding-left:20px;
width:350px;
padding-bottom:5px;
}

#tags a{
color:{color:o main text};
}

#tags hover{
color:{color:white main text};
}

-

<divabc class="reblog_etc" style="text-transform: lowercase;font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://static.tumblr.com/ssdtkch/OOHmg0ppe/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:2px;" >
{block:HasTags}
<span id="tags hover">
<span style="padding-left:13px; font-size:15px; color:{color:white}; font-family:'PictosRegular';">z </span>
<a href="/tags">tags</a> 
{block:Tags} <a style="color:{color:white}" href="{TagURL}">{Tag},</a> {/block:Tags}
</span></br>
<div style="height:5px; width:auto;"> </div>{/block:HasTags}</divabc>

Answer 1

尝试添加以下内容：

#tags{
   height:30px;
   overflow:hidden;
}

您需要测试高度，但这应该有效。

tCSS：不要破坏标签行

1 个答案: