Question

我在css中制作了一个浮动广告代码：

CSS CODE ---

floatads {
    left:0;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10;
    background-color:#666666;
    border:3px #cccccc dashed;
    font-size:13px;
    color:#ffffff
    }

floatads .license {
    font-size:10px;
    color:#ffffff
    }

HTML CODE ---

<floatads>
<marquee width="70%" scrollamount="5" scrolldelay="20" vspace="5">
Enjoy! | Recommended Website : <a href="http://web-tool.weebly.com">web-tool.weebly.com</a> | Also check out : <a href="http://myzonehk.weebly.com">myzonehk.weebly.com</a> | To register your advertisement and host it here, email <a href="mailto:jamiechoi@mail.com?subject=Host my ad!&body=This is the content of my ad:">jamiechoi@mail.com</a>
</marquee><p class="license">Ads by tool-box.weebly.com</p>
</floatads>

但在<p class="license">中，它跳到了另一条线。

我该怎么做才能阻止它跳到另一条线？

（我想要的是：）

MARQUEE许可证

许可证 - 10px
MARQUEE - 13px

我该怎么做？我只想让它在同一条线上。

ADDED ------

还试过这个：

（CSS）

floatads #license {
    font-size:10px;
    color:#ffffff
}

（HTML）

<p id="license">ads by tool-box.weebly.com</p>

仍然无法正常工作。

任何帮助将不胜感激。

Answer 1

我建议您使用内联元素，这样可以节省不必要的css代码。

<span id="license">ads by tool-box.weebly.com</span>

另外一件事，不要使用marquee元素，因为它不是标准的。还有其他使用javascript和css动画的方法，可以跨浏览器工作。

Answer 2

Marquee不是有效的HTML元素。来自MDN：

非标准此功能不符合标准且不符合标准跟踪。不要在面向Web的生产站点上使用它：它不会为每个用户工作。两者之间可能存在很大的不兼容性实现和行为可能在未来发生变化。

顺便说一下marquee是一个块元素，所以你必须定义它的宽度并浮动它或使它成为内联。例如：

marquee {
    width: 100px;
    display: inline-block;
}
#license {
    display: inline-block;
}

或者：

marquee {
    float: left;
    width: 100px;
}
#license {
    float: left;
    width: 100px;
}

Answer 3

添加显示：内联;到浮动.license

floatads .license {
    font-size:10px;
    color:#ffffff;
     display:inline;
    }

html / css无法阻止自定义标记开始新行

3 个答案: