html - 强制 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/