开发者社区> 问答> 正文

<span>标签包裹的<img>没办法垂直居中应该怎么办呢。

放在标签里的没办法垂直居中,用了vertical-align属性也不行,哪位大神可以帮忙解决一下,ps我是一只小菜鸟。

展开
收起
杨冬芳 2016-06-23 10:05:57 2419 0
1 条回答
写回答
取消 提交回答
  • IT从业
    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>test</title>
        <style>
        span {
            height:200px; width:200px; display:table-cell; *display: block;
            vertical-align:middle; text-align:center;
            border: 1px solid red;
        }
        img {
            border:1px solid blue; margin:0;
        }
        </style>
    </head>
    <body>
        <span><img src="img.jpg" /></span>
    </body>
    </html>

    screenshot

    2019-07-17 19:45:58
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载