强制div内容在一行上

Question

我在这里寻找解决方案，但是当我尝试它时，它没有用。我希望字母表在一行上。请忽略我对内联元素的使用：

<div style="width: 100%; overflow: hidden; whitespace: nowrap;">
A 
B 
C 
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
</div>

如何将所有字母放在一行？

编辑：这是网站：http://goo.gl/tef6u

Answer 1

在您的网站上，whitespace表示white-space。

http://jsfiddle.net/Kyle_Sevenoaks/RUe6x/

此外，在每个字母之间有一个<br>换行符，唯一可以解决这个问题的方法是删除它们或添加

br
{
    display: none;
}

如果您无法更改HTML，请

到您的CSS。

http://jsfiddle.net/Kyle_Sevenoaks/RUe6x/1/

Answer 2

在您所指的网站上，每封信后都有一个<br/>。 <br/>表示“休息”，仅用于跳转到下一行。所以你要做的就是删除那些标签，你会做得很好。 附：如果您不知道它们的用途，请不要使用标签;）

Answer 3

请检查以下链接，

此处所有字母都在width: 100%;的单个水平线上 http://jsfiddle.net/QN68Q/5/

要在一条垂直线上设置字母，您可以获得以下链接设置width: 1%; http://jsfiddle.net/QN68Q/4/