今天在写网页的时候遇到多行文字垂直居中问题。
试的多种方法,其中最好用的当然是table了,但我写的这块用table不太好,我使用的是在上一级块元素上加display:table;
文字包的行内元素使用display:table-cell; vertical-align:middle;
如:<div class="div1"><span class="span1"></span></div>
.div{display:table;}
.span1{display:table-cell; vertical-align:middle;}
还挺好使。
时间: 2024-10-29 10:46:08