插入图像时表格单元格中的2行之间的间隙 - XHTML / CSS

时间:2011-02-27 14:21:21

标签: html css xhtml

我有一个在XTMl中创建的表,我在表格单元格中有两行,例如:

Firstname
Surname

在同一个单元格中,我想将图像放在右边。当我像<img>一样插入它时 我在这两行之间得到了差距:

Firstname

Surname

图像通常位于第二行。为什么会发生这种情况,以及我应该采取哪些措施来阻止它?

<td><strong>Name<br />Lastname<a href="google.com"><img src="images/1.gif" alt="img" /></a></strong></td>

3 个答案:

答案 0 :(得分:0)

尝试添加css样式“white-space:nowrap;”到了td。

答案 1 :(得分:0)

在图像样式中尝试将“float:right”添加到图像中。

答案 2 :(得分:0)

image元素是一个内联块元素,这意味着它是一个块,它是内联块内容的一部分。当您将图像标记放在那里时,它是第二行文本的一部分。第二行将变得足够高以保持图像的高度,这会导致文本之间的空间。

您可以将图像作为块元素从内联内容中取出,然后通过浮动将其放在右侧。

将图片标记放在单元格中,然后将CSS样式float:right;添加到单元格中。通过使其成为浮动元素,您还可以自动将其作为块元素。