CSS 左文本,表格居中图像

标签 css center

我是 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/

相关文章:

ios - 将自动布局约束常量 X 动画化到父 View 的中心

html - 将 CSS flex 元素的高度设置为相同的数量?

javascript - 如何使用 CSS 和 JS 创建一个网页,使其像 UITabBar(框架?)

html - 我想给 fa 图标 HTML 上色

javascript - 插入/删除新帖子时转换其他帖子

html - 调整大小时不能居中div

当字体大小增加时,CSS Web 字体不会扩展 DIV?

CSS 焦点最后一个 child

html - 顶部栏不会紧贴顶部,文字不会居中,也不会填满整个屏幕?

jquery - "Nag-Menu"设计的中心问题(css?)