2011-10-12 141 views
0

我在h3標記之前使用img標記,沒有使用break語句。但是當我在瀏覽器中運行它時,它會在單獨的行上顯示2個標籤。有沒有可以解決這個問題的CSS技術,或者是一個更簡單的標記屬性,可以使這兩個元素顯示在同一行上?在html中的img標記後刪除換行

在此先感謝!

-------------------------------編輯-------------- --------------------------------

到目前爲止的答案效果很好。但它還沒有到位。如果你看一下截圖中,你會看到我想要的(我應該擺在首位所指定的,我知道)...

如果我使用上面的方法之一,您會看到H3標籤不會浮在img標籤的中間。我想飄就在圖像中間的H3標籤..

Screenshot

回答

1

兩個選項:

  1. 使用h3一個line-height屬性,它等於你的imgheight

  2. 使用padding-toppadding-bottom爲您的h3和玩它得到你想要的。

1

你在源代碼或實際內容是什麼意思?如果您指的是實際元素,請將它們添加到這兩個元素中,並且它們將並排顯示。

3

標題標籤的默認樣式(<h1><h6>)包含display: block。如果您的<h3>標籤的樣式爲display: inline將覆蓋此行爲。

+0

效果很好,但請看看我的編輯我的帖子以上。有點額外的東西我正在尋找.. – Tiwaz89

+1

嘗試fastreload的答案 – Phil

1

如果您將<img>標籤<h3>塊內,例如

<h3><img src=".." /> Hello world!</h3>