CSS粗體字和在同一行的圖像下標

看看這張截圖，我想你會得到我的問題：CSS粗體字和在同一行的圖像下標

Screenshot

，如果有一個像（這樣的笑臉）這不只是發生在同一條線。發生大膽，斜體和強調文字。圖像上沒有特殊的格式。

有沒有人有一個想法可能會導致這種情況？

您是否嘗試過增加線條高度？我有一種感覺，圖像大於影響格式的行的高度。 – Malkus

嘗試添加'vertical-align：middle;'在笑臉css –

填充圖像可能會導致這種行爲，有些代碼可能會給這個更好的想法 –

，我的猜測是，圖像的高度比實際的笑臉，這使得父容器大，原因大文字不排隊。我看到兩個解決方案：

我認爲第二個選項可能更合適，因爲它會保留一切排列，即使字體大小變化（不管它是一個設計決策，瀏覽器渲染，或者用戶使用自定義樣式表）。但是，如果文本跨越單行消息的多行，則可能需要執行這兩種操作，否則使用表情符號時可能會出現較大的行間距。

如果父容器是TR或TD你或許可以在vertical-align屬性正好被設置爲middle和罰款。否則，您需要按照Guillaume的建議更改其顯示類型，或使用table來顯示聊天內容（，這可能是也可能不是最好的，具體取決於您對使用非表格標記的表格的感覺如何數據）。

2013-08-01 16:41:45 framauro13

vertical-align看起來很奇怪，因爲td有時比它中的實際文本大得多。我不希望文字處於中間（但它實際上適用於這個問題，它看起來不太好） –

笑臉的高度是18px。但我需要將行高設置爲24px，以便它可以工作。然後它看起來很奇怪。 –

更新：好的，行高：18px可在firebox上運行，但在Google Chrome上我需要將其設置爲24px。真的很奇怪 - 但感謝您的幫助！ :) –

-1

只要看一眼圖像試試這個CSS爲貴「Rini00」

<style type="text/css"> 
    #span-or-div-containing-rini { 
    display: inline-block; 
    vertical-align: top; 
    } 
</style>

2013-08-01 16:36:11

回答