html div内垂直,html – 垂直对齐范围内div

参见英文答案 >

How to center an element horizontally and vertically?                                    10个

http://jsfiddle.net/UmHNL/2/

Some text, yay

Some text, yay. But shit time, there is alot of text, so we get a problem with breaking lines and the given height :( How can I align vertical now?

.container {

width: 100%;

height: 50px;

line-height: 50px;

border: 1px solid black;

}

.container span {

padding-left: 30px;

}

这个解决方案的效果非常好,直到屏幕宽度太小 – 将我的文本打破了几行.

当我google这个问题,我发现这么多疯狂的过于复杂的解决方案与javascript和div推我的内容到位.任何人可以帮助我做这项工作,而不增加更多的标记？ 🙂

没有必要支持Internet Explorer和旧版浏览器.

谢谢