我有一个在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>
答案 0 :(得分:0)
尝试添加css样式“white-space:nowrap;”到了td。
答案 1 :(得分:0)
在图像样式中尝试将“float:right”添加到图像中。
答案 2 :(得分:0)
image元素是一个内联块元素,这意味着它是一个块,它是内联块内容的一部分。当您将图像标记放在那里时,它是第二行文本的一部分。第二行将变得足够高以保持图像的高度,这会导致文本之间的空间。
您可以将图像作为块元素从内联内容中取出,然后通过浮动将其放在右侧。
将图片标记放在单元格中,然后将CSS样式float:right;
添加到单元格中。通过使其成为浮动元素,您还可以自动将其作为块元素。