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

sweet橙橙橙

15022835

发布于
2016-05-18

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

css html

阅读 7k

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>

图片描述

查看全部 1 个回答

推荐问题

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.3k 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助
4 回答1.4k 阅读✓ 已解决
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...
2 回答988 阅读✓ 已解决
问一个鼠标滚动事件，这种是怎么实现的？
我看到了deepseek官网的这个按钮，鼠标放上去，还是可以滚动页面，这个是怎么做的？我研究了一下deepseek官网的支持，而通义千问的却不可以。
2 回答1.6k 阅读✓ 已解决
如何在CSS中实现滚动条不溢出圆角框？
请问css如何实现滚动条在外侧滚动框的下一层？我最近在设计一个小插件，里面有一个换肤的小弹窗，小弹窗里还有一个小框，在这个小框里加了滚动条，小框为了美化做了border-radius，然后为这个框自定义了::webkit-scrollbar伪类，但是我发现这个滚动条会溢出这个框，很不好看，下图为现在的效果：我想做到上下的滚动条可...
2 回答1.4k 阅读✓ 已解决
form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？
{代码...} {代码...} 这种基于name直接读取dom元素的写法，兼容性如何？有无标准说明？
2 回答954 阅读✓ 已解决
请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
我写了一个可编辑Cell的List： {代码...} 使用方式： {代码...} 现在的问题是，比如：内容过长会直接冲出父容器：请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
2 回答1.1k 阅读✓ 已解决

相似问题

<a> 包裹 <img> 产生 4px 间隙
3 回答7.5k 阅读✓ 已解决
如何让div中的行内元素的文字垂直居中?? (例如,<a>)
1 回答23.1k 阅读✓ 已解决
为什么、<img>的margin-top值会相互影响？已设置为inline-block
4 回答5.6k 阅读✓ 已解决
CSS如何控制中<img>标签的宽度
1 回答4.6k 阅读✓ 已解决
css布局问题，在firebug下<a>标签嵌入<img>标签但是高度<a>总比<img>多4个像素
5 回答5.6k 阅读✓ 已解决

找不到问题？创建新问题

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

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

问一个鼠标滚动事件，这种是怎么实现的？

如何在CSS中实现滚动条不溢出圆角框？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？