Css 将图像置于单行表格的中心
我试图在一条线上得到三张图片，一张左对齐，一张居中，最后一张右对齐。我已经决定使用一个单行表格来做这件事，但是我很难让图像集中在各自的单元格中 有没有比我选择的更好的方法？我不打算使用Css 将图像置于单行表格的中心,css,html,Css,Html,我试图在一条线上得到三张图片，一张左对齐，一张居中，最后一张右对齐。我已经决定使用一个单行表格来做这件事，但是我很难让图像集中在各自的单元格中 有没有比我选择的更好的方法？我不打算使用属性，因为它在HTML5中已被弃用，所以我正在寻找一种使用CSS的方法。这就是我目前所拥有的（我已将表格边框属性设置为“1”，以便可以查看单元格内的图像对齐方式的渲染）： .centre_图像 { 浮动：中心； } 这在Ubuntu上的Firefox19.0中给出了以下结果： Chrome 25.0中的以下结
.centre_图像
{
浮动：中心；
}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"/>
<title>SVG Included with <object> tag</title>
<style>
.centre_image
{
text-align:center;
}
</style>
</head>
<body>
<table border="1" style="width:100%">
<tr>
<td class="centre_image">
<object type="image/svg+xml" data="images/lawfirms.svg">
<img src="images/lawfirms.png" alt=""/>
</object>
</td>
<td class="centre_image">
<object type="image/svg+xml" data="images/industry.svg">
<img src="images/industry.png" alt=""/>
</object>
</td>
<td class="centre_image">
<object type="image/svg+xml" data="images/in-house.svg">
<img src="images/in-house.png" alt=""/>
</object>
</td>
</tr>
</table>
</body>
</html>
标签中包含SVG
.centre_图像
{
文本对齐：居中；
}
由于没有
float:center文本对齐：居中.centre_image {
text-align:center;
}
由于没有
float:center文本对齐：center.centre_image {
text-align:center;
}
.centre_image{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.centre_image{
text-align:center;
margin-left:auto;
margin-right:auto;
}
我希望这将对您有所帮助。在HTML5中，vAlign已被弃用。下面是一个提示，将所有三个图像放在侧李标签中。在CSS中为li标记指定一个属性display:inline块。在HTML5中，vAlign是不推荐的。下面是一个提示，将所有三个图像放在侧李标签中。在CSS中，为li标记指定一个属性display:inline块。有很多方法不正确。尤其是“浮动：中心” 我在这里 这里还有一个重置 由于您希望在TD标记中水平居中，因此只需将其对齐即可
<td align="center">
p、 美国W3学校有一个关于堆栈溢出的问题。有很多方法都不正确。尤其是“浮动：中心” 我在这里 这里还有一个重置 由于您希望在TD标记中水平居中，因此只需将其对齐即可
<td align="center">
p、 s.w3school有一个on-StackOverflow。float属性没有
centercentertext align:centertext align:center