TD内的中心文本与内联IMG

时间:2018-03-19 14:04:31

标签: javascript css html5

期望的效果是在表格单元格中具有居中中间文本,而其对齐不受同一表格单元格中右中间的内嵌图像的影响。请参阅问题图表链接以了解我的意思。 "解决方案"表示期望的效果,而#34;问题"表示代码当前正在做什么。非常感谢您的帮助。

Problem Diagram

GetStringFileInfo(path, "Title")

1 个答案:

答案 0 :(得分:0)

将图像绝对放置在相对放置的表格单元格中:

td {
  border: 1px solid black;
  width: 100px;
  text-align: center;
  position: relative;
}
td img {
  position: absolute;
  right: 0;
}
<table>
  <tr>
    <td>
      text
      <img src="http://via.placeholder.com/20x20" />
    </td>
  </tr>
</table>