CSS左侧文本,居中图像在表格中

时间:2013-08-19 21:33:04

标签: css center

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

换句话说,除了在表格单元格内,我想要与以下相同的结果。

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

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

2 个答案:

答案 0 :(得分:2)

要使用边距使元素居中,您需要设置宽度:

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

另外,请考虑将您的样式放在external stylesheet中,并使用selectors定位您的元素。

答案 1 :(得分:0)

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