Question

有一个div，div的高度是固定的，里面的文字行数不固定，怎么能使文字在div里垂直居中呢

Answer 1

js获取里面的文字的总高，在向上撑开-----------（外div高度-获取文字div高度）/2

追问

这样肯定能行，还是想用css来实现

追答

css
是实现不了的

Answer 2

我想问下，行数不固定，字体数目肯定也不固定，如果字体所占用的高度超出你所设置的div固定高度怎么办？

追问

文字多不了，最多两行，最少一行

追答

这里是类容

.wrap { _position:relative; display:table; width:760px; height:400px; overflow:hidden; }
.content { _position:absolute; _top:50%; display:table-cell; vertical-align:middle; height:400px; }
.content p { _position:relative; _top:-50%; width:200px; margin:0 auto; }

Answer 3

用line-height设置不起作用吗？
《div style="width:100px; height:200px; overflow:hidden; line-height:200px; "》<span style=" line-height:24px; min-height:30px;">有一个div，div的高度是固定的，里面的文字行数不固定，怎么能使文字在div里垂直居中呢<span>《/div》

追问

一行可以， 但是行数不固定

追答

那个算盘的高度是不固定的
应该可以显示吧，你试过啦？

Answer 4

line-height：div 高度 貌似 只能这样

追问

行数不一定

追答

就算你不定 也是 line-height 没别的了，要不js 判断下估计 可以！

Answer 5

<style>
.wrap{
height: 500px;
width: 500px;
border: 2px dotted #ccc;
text-align: center;
display:table-cell; vertical-align: middle;}

.wrap .middle{display: inline-block;*display: inline;zoom: 1;vertical-align: middle;}

</style>
<div class="wrap">
<div class="middle">
<p>我垂直居中啦！</p>
<p>我也垂直居中啦！</p>
</div>
</div>