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> 줄 바꿈을 가지고, 그 대응하는 유일한 방법은 그들을 제거하거나 CSS에

br 
{ 
    display: none; 
} 

을 추가하거나 당신이 할 수없는 경우 HTML을 변경하십시오. 링크를

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

Answer 2

당신이 언급하고있는 사이트에 모든 편지 후 <br/>이 있습니다. <br/>은 '중단'을 의미하며 전적으로 다음 줄로 건너 뛰기위한 것입니다. 그래서 당신이해야 할 일은 태그를 제거하는 것입니다. P.) 무엇을위한 것인지 모르는 경우 태그를 사용하지 마십시오.

Answer 3

확인하세요, 여기

모든 알파벳 당신이 설정 링크를 받았습니다 수있는 하나 개의 수직 라인에 알파벳을 설정 width: 100%; http://jsfiddle.net/QN68Q/5/

와 함께 하나의 수평 라인에있는 width: 1%; http://jsfiddle.net/QN68Q/4/