把右侧的小女生图片设置为垂直居中,怎么用了
css代码:.img{vertical-align:middle;padding:50%}为啥用了padding就居中了
css代码:.img{vertical-align:middle;padding:50%}为啥用了padding就居中了
2016-04-13
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>父元素高度确定的多行文本</title> <style> .girl{vertical-align:middle;height:500px;background:#ccc} </style> </head> <body> <table><tbody><tr><td class="wrap"> <div> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> </div> </td></tr></tbody></table> <!--下面是代码任务区--> <div> <table><tbody> <tr><td class="girl" ><img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/> </td><tr></tbody></table> </div> </body> </html>
以上代码可以实现
举报