澄清表格单元格内的图像

时间:2013-09-06 17:27:02

标签: html css

这是我的代码:http://jsfiddle.net/CDUBv/
所以,有两个问题:

  1. 如何在不指定表格单元宽度的情况下在同一行显示图像?我也尝试了display: inline,但第二张图片是换行符。
  2. 在第二个表格中,单元格文本未正确对齐,因为文本从第一个图像的末尾开始,例如在第一行中正确对齐?
  3. 提前谢谢你。

1 个答案:

答案 0 :(得分:1)

请参阅我的修改:http://jsfiddle.net/dinhyen/CDUBv/4/

  1. 这会使图片与display: inline内联,并创建一个white-space: no-wrap的包装,以便它们保持相邻。

  2. 使用vertical-align: top将文字放在第二个单元格中。