Выровнять символы в div один ниже другого (по вертикали)

Question

Я хотел бы вертикально выровнять текст в div по нажатию на кнопку.

Я использую библиотеку фреймов и jQuery.

Это то, что я пытаюсь спросить:

Ex: "MyName является хуг" (нормальное выравнивание)

Вертикальное выравнивание

Ex: 
m 
y 

n 
a 
m 
e 
.... 

Пожалуйста, руководство.

Answer 1

Используйте слово-обертывание свойства CSS

<script> 
    $("button").click(function(){ 
    $("div").html($("div").html().split(" ").join("&nbsp;")); 
    if($("div").width()==1) 
    { 
    $("div").width("100%"); 
    } 
    else 
    {$("div").width(1); 
    } 
    });</script> 

DEMO

Answer 2

Существует несколько возможностей для создания таких вещей. Один из самых простых подходов было бы вставить <br> тег после каждой буквы ...

HTML:

<div>foo bar</div> 
<button>button</button> 

JS:

var state, $div = $('div'); 
$('button').click(function(){ 
    if (!state) { 
     $div.html($div.html().split('').join('<br>')); 
     state = true; 
    } else { 
     $div.html($div.html().split('<br>').join('')); 
     state = false; 
    } 
}); 

См:

http://jsfiddle.net/bkkK6/22/

Редактировать:

раскола/присоединиться, если Вам нравятся больше ...: D