2013-08-19 96 views
1

我很新的CSS,并不知道如何完成以下内容。我有表格数据。一些数据元素具有与它们相关联的图像。我希望单元格中的文本左对齐,并且我希望同一单元格中的图像居中。CSS左表中的文字,居中图像

换句话说,除了在一个表格单元格内,我需要和以下相同的结果。

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

我该如何做到这一点?当我尝试将其放置在td元素中时,文本和图像都位于左侧。

+0

嗯,可能已经回答了我自己的问题。当我设置表格的宽度为100%时,它似乎达到了目的。 – Tad

回答

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来定位元素。

+0

谢谢。这似乎证实了我通过强制表格宽度成为整页来发现的内容。我在外部样式表中有我的样式......上面的代码只是我试图完成的一个简短例子。 – Tad

+0

Gotcha,只是想确保;) –

0

设置您的图像具有绝对定位,它应该以你想要的方式工作。但是,除非为文本元素设置了固定宽度,否则文本不会像您的想法那样运行。