标签列表<li>在固定宽度UL </li>内的问题

Question

我在wordpress博客中有一个标签列表的小问题！

我的标签列表包含在固定宽度的UL中。

我想避免像“人力资源”这个标签那样的自动换行...

我希望整个标签都在第二行。

我正在使用像这样的函数the_tags：

<?php the_tags('<ul id="my-tags"><li class="cute-tag">','</li><li class="cute-tag">','</li></ul>'); ?>

我的Css

#my-tags{
margin:0;
width:350px;
float:left;
}

#my-tags li {
display: inline;
font-family: Verdana, Arial,sans-serif;
text-transform:uppercase;
font-size: 10px;
margin-right:5px;
font-weight:600;
padding:4px;
background:#2d0e0f;
list-style-type: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#my-tags li  a{
color:#FFFFFF;
text-transform:uppercase;
font-weight:100;
font-style: normal;
}

#my-tags li  a:hover{
text-decoration:none;
}

提前感谢您的时间。

干杯，

JK _

Answer 1

您可以使用white-space css规则阻止标记换行：

#my-tags li {
    ...
    white-space:nowrap;
}

更新：我看不出上述原因无效的原因，但您是否尝试将其应用于锚点？

#my-tags li a {
    ...
    white-space:nowrap;
}

Answer 2

你的问题从列表的css定义开始..

我为你设置了一个纠正的小提琴：http://jsfiddle.net/tobiasmay/72q9n/

在你纠正这些之后，no-wrap应该有效。