在div中包装span标签

Question

我有几个div标签互相嵌套,几个span标签嵌套如下: -

<div id="leftcol">
    <div id="tagcloud">
        <span class="mytags"><a href="">tag1</a></span>
        <span class="mytags"><a href="">tag2</a></span>
        <!-- and a few more spans of the same type -->
    </div>
</div>

现在的问题是spans溢出了他们的容器div标签.有人可以让我知道如何让这些跨度包装在他们的容器div中(这里是id为tagcloud的div).两个外部div都指定了300px的宽度.

(附加信息 - 我使用YUI reset-fonts-grid进行了css重置.我刚刚习惯了CSS ..)编辑: - 该网站可以查看frekshrek.appspot.com ...标签云只是不会在其容器div中包装

Answer 1

其他选项是将标记设置为内联块显示:

.mytags {
   display:inline-block;
}

Answer 2

尝试float: left;在.mytagcloud课堂上宣布.就像是:

.mytagcloud{
    float: left;
    margin: 5px;
    font-family: 'Reenie Beanie', arial, serif;
}

在你的basiclayout.css文件中,第71行.

Answer 3

您的跨度之间没有空格,因此浏览器将它们全部视为一个长单词.如果在每个跨度之间添加单个空格或换行符,它们将被视为单独的单词并相应地换行.