Question

我的div css看起来像

#another_div
{
    white-space:pre-wrap;
    font-size:1.5em;
    position:fixed;
    height:6%;
    display:block;
    background:#FFF;
    width:100%;
    text-align:center;
    top:30%;
    padding-top:1%;
    -webkit-marquee: auto medium infinite scroll normal;   
    overflow-x: -webkit-marquee;


}

在这个div中，我正在加载一些来自某个页面的动态内容。它显示为

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                         BBBBBBBBBB

但我希望它为

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBB

我已经尝试了"white-space": "nowrap"。没用。

它是一个大帐篷，所以它应该浮动在一行。它为什么破？我查了一下这条线。没有换行标签。 如何将其整理成一行？

Answer 1

white-space: nowrap;应该有效。查看下面的演示

<强> DEMO

Answer 2

white-space: pre;会把你所有的休息时间拿走！

Marquee - 线分为两条而不是一条线 - css

2 个答案: