问tCSS:不要为标记换行
EN

Stack Overflow用户

提问于 2015-03-29 01:26:38

回答 1查看 47关注 0票数 0

我有问题的标签是如何显示在我的网站上的帖子。我这里有一个屏幕截图显示了这个问题：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>

css

回答 1

Stack Overflow用户

发布于 2015-03-30 15:53:20

尝试添加如下所示的内容：

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

您将需要测试高度，但这应该可以工作。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29320255

复制

相似问题

问tCSS:不要为标记换行
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问tCSS:不要为标记换行EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问tCSS:不要为标记换行
EN