間隙時圖像插入 - XHTML/CSS

Question

我在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> 

Answer 1

嘗試添加css樣式「white-space：nowrap;」到td。

Answer 2

在圖像樣式中，嘗試在圖像中添加「float：right」。

Answer 3

image元素是一個內聯塊元素，這意味着它是一個塊，它是內聯內容的一部分。當你把圖像標籤放在那裏時，它是第二行文本的一部分。第二行的高度足以保持圖像的高度，這會導致文本之間的空間。

您可以通過將內嵌內容作爲塊元素將圖像從其中取出，並且可以通過浮動它將其放到右側。

將圖片標籤首先放入單元格中，並向其添加CSS樣式float:right;。通過將其設置爲浮動元素，您還可以自動將其設置爲塊元素。