Question

我正在尝试使用CSS将图像置于表格中心。 Stackoverflow让其他人遇到同样的问题，并使用float和/或new_matrix()解决了这些问题。这些都不会强制margin:0 auto, text-align:center在我的表格单元格中居中。

http://fcilluminateconsulting.com/whats-my-card/

Answer 1

你的img标签正在浮动：左边属性来自style.css

在线号码16，添加float：none属性

table.cards td img {
    border: 1px solid black;
    display: block;
    margin: 0 auto;
    text-align: center;
    float: none; // give this property !
}

Answer 2

您的img代码采用float:left设置样式改变它。

media="all"
img {
    max-width: 100%;
    height: auto;
    float: left;
    display: block;
    margin-right: 1em;
}

到

media="all"
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-right: 1em;
}

Answer 3

您为此规则设置了text-align: right;而不是center：

td.first-col, td.third-col, td.fifth-col, td.seventh-col {
    text-align: right;
}

将其更改为此并且工作正常：

td.first-col, td.third-col, td.fifth-col, td.seventh-col {
    text-align: center;
}

将<img/>居中放入

3 个答案: