tCSS:不要为标签换行

  • 本文关键字:标签 换行 tCSS css
  • 更新时间 :
  • 英文 :


我对标签在我网站上的帖子中的显示方式有问题。我在这里有一张显示问题的屏幕截图:https://i.stack.imgur.com/F7e2d.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>

尝试添加以下内容:

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

你需要测试身高,但这应该有效。

最新更新