html – 垂直对齐范围内div

概述参见英文答案 > How to center an element horizontally and vertically?                                    10个 http://jsfiddle.net/UmHNL/2/ <div class="container"> <span>Some text, yay</span></div><di 参见英文答案 > How to center an element horizontally and vertically?10个
http://jsfiddle.net/UmHNL/2/

<div >    <span>Some text,yay</span></div><div >    <span>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?</span></div><style>.container {    wIDth: 100%;    height: 50px;    line-height: 50px;    border: 1px solID black;}.container span {    padding-left: 30px;}</style>

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

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

以上是内存溢出为你收集整理的html – 垂直对齐范围内div全部内容，希望文章能够帮你解决html – 垂直对齐范围内div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。