首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS中表td中的居中图像

CSS中表td中的居中图像
EN

Stack Overflow用户
提问于 2011-12-22 20:33:28
回答 9查看 403.2K关注 0票数 109

我一直在尝试将图像与桌子td的中心对齐。它可以将空白区-left设置为一个特定值,但它也增加了td的大小,而这并不是我想要的

有什么有效的方法可以做到这一点吗?我用百分比表示桌子的高度和宽度。

EN

回答 9

Stack Overflow用户

回答已采纳

发布于 2011-12-22 20:34:58

代码语言:javascript
复制
<td align="center">

或者通过css,这不再是首选的方法...

代码语言:javascript
复制
<td style="text-align: center;">
票数 189
EN

Stack Overflow用户

发布于 2016-04-26 15:24:21

在css中对html5执行此操作的简单方法:

代码语言:javascript
复制
td img{
    display: block;
    margin-left: auto;
    margin-right: auto;

}

对我来说效果很好。

票数 67
EN

Stack Overflow用户

发布于 2013-09-14 03:32:20

使用margintd中居中放置一个div,诀窍是使div的宽度与图像的宽度相同。

代码语言:javascript
复制
<td>
  <div style="margin: 0 auto; width: 130px">
    <img src="me.jpg" alt="me" style="width: 130px" />
  </div>
</td>
票数 11
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8603914

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档