图像在表格行中没有正确对齐,但文本是

时间:2016-04-06 17:28:07

标签: html alignment html-table

我有一张非常简单的桌子,上面有我试图水平对齐的图像。同一行中的文本正确对齐,但img不是。我的HTML代码是

       <td><td class="auto-style2" style="text-align: center;">
        <p><img alt="" src="http://www.launchpointsecurity.com/image/data/L7000.jpg" style="width: 75px; height: 60px;" /></p>

        <p><strong>Control Panel</strong></p>
        </td>

我的CSS是

.auto-style2 {
text-align: center;
border-width: 1px solid #000000;
}

相当简单的代码,无法弄清楚为什么它没有正确对齐图像。

可以在https://www.launchpointsecurity.com/index.php?route=bestblog/article&blog_article_id=1

看到一个实例

1 个答案:

答案 0 :(得分:0)

我在jsfiddle中测试了你的代码,我看到img居中了。

check here: https://jsfiddle.net/dquinonez/mvcd3sos/