css - CSS左侧文本，表格中居中的图像

Question

我对 CSS 很陌生，无法弄清楚如何完成以下工作。我有表格数据。一些数据元素具有与之关联的图像。我希望单元格中的文本左对齐，并且我希望同一单元格中的图像居中。

换句话说，除了表格单元格之外，我想要与以下相同的结果。

<p>Some text.</p>
<img style="display:block;margin-left:auto;margin-right:auto;" src="myimage.jpg"/>

我怎样才能做到这一点？当我尝试将它放在 td 元素中时，文本和图像都在左侧。

Answer 1

要使用边距使元素居中，您需要设置宽度：

<p style="text-align: left;">Some text.</p>
<img style="display:block;margin-left:auto;margin-right:auto; width:200px;" src="myimage.jpg"/>

此外，考虑将您的样式放在外部样式表中，并使用选择器来定位您的元素。

Answer 2

将您的图像设置为具有绝对定位，它应该按照您想要的方式工作。但是，在您为文本元素设置固定宽度之前，您的文本不会像您想象的那样表现。