没办法垂直居中应该怎么办呢。

sweet橙橙橙

15022835

发布于
2016-05-18

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

css html

阅读 6.9k

1 个回答

得票最新

myhff

2331

发布于
2016-05-18

✓ 已被采纳

<!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>

图片描述

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

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

你尚未登录，登录后可以

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

图片沿着圆环的转动有什么方法吗？

flex相关 flex: 1的子元素如何宽度能100%且不溢出？

CSS如何巧妙实现标题居中、关闭按钮居右效果？

js阻止冒泡问题？

Scss的rgba()方法无法对变量进行二次编译？