簡單的HTML/CSS幫助。似乎無法弄清楚這一點！

Question

我想排列其左右兩幅圖像之間的一些文字。爲什麼它不移動？

<img src="srchere" /><span style="padding-bottom:10px;">Some text right here!</span><img src="srchere" /> 

這兩個圖像比文字大，所以它看起來像文本沒有對齊，位置低於圖像。我如何提高文字？我上面的代碼似乎沒有將文本向上移動。

謝謝。

Answer 1

如果您希望圖像垂直對齊文本，你需要使用：

vertical-align: middle 

請注意，您padding-bottom可能拋出這一關一點點。另外，如果你還沒有這樣做，你應該使用外部樣式表而不是內聯CSS。

Answer 2

嘗試將align="absmiddle"屬性添加到圖像。

Answer 3

「up」我假設你的意思是對齊到容器框的頂部。這應該做你想要什麼：

<img style="float: left;" src="..."> 
<p style="float: left;">Filler text. Filler text. Filler text.</p> 
<img style="float: right;" src="..."> 

Answer 4

如果你想手動調節，這可怎麼辦

<span style="vertical-align:100%"> 

增加/減少的百分比直到你滿足

Answer 5

HTML：

<div> 
<img src="srchere" /> 
<span>Some text right here!</span> 
<img src="srchere" /> 
</div> 

CSS：

div { 
    display:block; 
} 
img { 
    height:30px; 
    width:30px; 
} 
img, span { 
    vertical-align:top; 
    display:inline-block; 
}