让一个div滚动一行[关闭](Make a div scroll in one line [clos

我需要有一个一行滚动的div文字，既div的内部装修。

http://jsfiddle.net/F6pNm/26/

我们的目标是让所有人都放在一行 ！

编辑：我想我是不够具体，我需要的链接和文字，以适应在同一行。 通过这种方式，滚动是垂直。

编辑：这是现在最接近我需要什么。 只有滚动方面缺失。 http://jsfiddle.net/BKvzV/4/

Answer 1:

如果我正确地读你，你做什么你的文本打破，但要勇往直前，决不留行＃1，所以你可以使用CSS是这样的：

小提琴的例子！

你的CSS已更新

#flash {
    float:left;
    width: auto;
    font-size: small;
    font-style: italic;
    text-align: center;
    white-space:nowrap;
}

所不同的是所述空白：NOWRAP ;

对于确实谁也看不出它：

---

编辑来考虑的问题编辑的问题！

新的小提琴！

---

编辑来考虑的事实页脚中的所有div必须并排侧！

该更新的小提琴！

需注意 ，此解决方案使用jQuery的实时收集每个div的宽度，总结一起设置页脚股利。 没有它，就不能这样做！

---

编辑，以具有包装宽度内由侧的所有3周的div侧

在小提琴例如，包装是身体

新的小提琴！

Answer 2:

#flash {
    float:left;
    width: auto;
    font-size: small;
    font-style: italic;
    text-align: center;

    /*These lines do the trick*/
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
}​

http://jsfiddle.net/F6pNm/35/

Answer 3:

#flash {
    float:left;
    width: auto;
    font-size: small;
    font-style: italic;
    text-align: center;
    white-space:nowrap;  /* will put text in 1 line */
    overflow-x:scroll;   /* will add horizontal scroll bar should the length exceed the container */
}

Answer 4:

据我知道有没有办法*有3个div的竞争在同一空间（100％），当它们都设置为width:auto; 。 即使你使用overflow ，或in-line ，或至今建议的其他方法，我认为左格将始终以它需要的空间，然后中间，再右边...... 除非你使用一组宽度

我不知道这是可能的，因为你使用的width:auto; 。 这似乎让div来一样宽，它要扩大，从而使得它适合太大，只有一条线。

如果你改变了链接设置尺寸，例如width:10%然后加入4-这些链接的叶你用60％，这样就可以设定#flash {width:60%; overflow-x:auto;} #flash {width:60%; overflow-x:auto;}把它滚动一线

Answer 5:

使用jQuery，我有基础上，左，右div的中间格尺寸变化。

jQuery的：

$(function () {
   var midWidth = $(document).width() - ($('#left').width() + $('#right').width());
   $('#flash').width(midWidth);
});

小提琴例

希望这可以帮助。

编辑：添加到div的CSS：

height: 36px;
overflow: scroll;

它更接近你可能想要的东西。
我不知道怎么去框只显示一行。

小提琴更新

Answer 6:

去除浮动：左

#flash { 
    font-size: small;
    font-style: italic;
    text-align: center;
    white-space:nowrap;
    overflow-x:scroll;
}​

尝试这个：

http://jsfiddle.net/damsarabi/F6pNm/40/

文章来源: Make a div scroll in one line [closed]