Html 使用文本和图像链接到整个表格单元格

Html 使用文本和图像链接到整个表格单元格,html,css,Html,Css,我在同一单元格中的图像和文本链接时遇到问题。单元格中的文本应居中并左右对齐(请参见图片) 以下是我现在拥有的: 您可以使用positionCSS来实现这一点。检查下面的编辑,我已经用一些css将您的文本包装在一个中 td-a{ 显示:块; 位置:相对位置; 文本对齐:左对齐; 线高:1px; } span.text-link-left{ 位置:绝对位置; 颜色:#002945; 显示:块; 最高:50%; 左:8%; } span.text-link-right{ 位置:绝对位置; 颜色

我在同一单元格中的图像和文本链接时遇到问题。单元格中的文本应居中并左右对齐(请参见图片)

以下是我现在拥有的:


您可以使用position
CSS
来实现这一点。检查下面的编辑,我已经用一些css将您的文本包装在一个

td-a{
显示:块;
位置:相对位置;
文本对齐:左对齐;
线高:1px;
}
span.text-link-left{
位置:绝对位置;
颜色:#002945;
显示:块;
最高:50%;
左:8%;
} 
span.text-link-right{
位置:绝对位置;
颜色:#002945;
显示:块;
最高:50%;
右:8%;
文本对齐:右对齐;
}

您可以像这样使用css

td:nth-child(2n){text-align:right;}

你可以办理登机手续
td:n子代(2n){
文本对齐:右对齐;
}


使用背景图像,而不是iamge@לבנמ㪡כה查看我的编辑,第二个示例中我使用了background-image。这似乎正常工作!如何将文本与问题图片中显示的位置对齐?图片也应该有链接,请参见@kravisingh的右答案。
td:nth-child(2n) a{float:right;}