首页 > 请问多行字垂直居中怎么做

请问多行字垂直居中怎么做

`请输入代码`我想做多行字垂直居中  
<body>  
<div style="height:200px;width:400px;border:#99FF99 solid 1px;">  
<span style="line-height:300px;vertical-align:middle;display:inline-block;">  
fdfakdfkaldjfajdfjlajfdkaljfdlkajf;dla  
sdfakfdjlajfdklajldfjajdf;jal;fjds;lf  
adsfjkljdsfka;jdk;fjak;sdlfj;aldfjkl;  
sdkfljld;fj;alsfdjalkjfdakdfjaisdfjie  
</p>  
</div>  
</body>  

<body>  
<div style="display:table-cell;vertical-align:middle;height:200px;width:400px;border:#99FF99 solid 1px;text-align:center">  
fdfakdfkaldjfajdfjlajfdkaljfdlkajf;dla  
sdfakfdjlajfdklajldfjajdf;jal;fjds;lf  
adsfjkljdsfka;jdk;fjak;sdlfj;aldfjkl;  
sdkfljld;fj;alsfdjalkjfdakdfjaisdfjie   
</div>  
</body>  

效果:http://jsfiddle.net/3dr6E/

参考:http://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods.html

【热门文章】
【热门文章】