Question

我想在点击按钮时垂直对齐div中的文字。

我正在使用php和jquery框架库。

这就是我想问的问题：

例如：“myname是xyz”（正常对齐）

垂直对齐

Ex:
m
y

n
a
m
e
....

请指导。

Answer 1

制作这样的东西有几种可能性。最简单的方法之一是在每个字母后插入<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

Answer 2

使用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

将div中的字符对齐另一个（垂直对齐）

2 个答案: