Html 表格单元格与图像和文本对齐 类型 描述

键入cedit ad=nd借记和购物 描述

上图显示的是表格数据。当图像和文本在表格单元格内对齐时。 当文本变小时，这种方法可以很好地工作。但当文本大小较大时。文本显示在图像下方

---

在上图中，如果长度较大，我需要使“购物”工作在“类型”下方。文本不应出现在图像下方。如何解决此对齐问题

应用

display:inline block

或

float:left

可以将两者对齐

.divin{
显示：内联块；}

类型
描述

键入cedit ad=nd借记和购物
描述

td{padding；left:width of image}td img{margin left:-？px width of image}请添加htmlcode@HirenVaghasiya你能查一下上面的代码吗。。

<table style="width:100%">
 <tr>
  <th>type</th>
  <th>descritpion</th> 
 </tr>
<tr>
 <td><p><img src="mail.ping" style="width: 30px;"></p>
  <span>type-cedit ad=nd debit and shopping</td>
 <td>description</td>
  </tr>
</table>