我是 CSS 的新手,不知道如何完成以下操作。我有表格数据。一些数据元素具有与之关联的图像。我希望单元格中的文本左对齐,我希望同一单元格中的图像居中。
换句话说,除了在表格单元格内,我想要与以下相同的结果。
<p>Some text.</p>
<img style="display:block;margin-left:auto;margin-right:auto;" src="myimage.jpg"/>
我怎样才能做到这一点?当我尝试将它放在 td 元素中时,文本和图像都在左侧。
最佳答案
要使用边距使元素居中,您需要设置宽度:
<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定位您的元素。
关于CSS 左文本,表格居中图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18323500/