如何水平對齊圖片旁邊的文字與CSS

enter image description here 如何水平對齊圖片旁邊的文字與CSS

如何垂直對齊文本旁邊的圖像中包含附加screnshot CSS。

例如：我已經附上screnshot這篇文章。

來源

2013-01-17 karthick

將圖像左移並將overflow:hidden放在文本上以防止它進入圖像下方。

來源

2013-01-17 09:04:37 JNDPNT

謝謝...它顯示正確 – karthick

如果人增加文本大小，此解決方案將截斷文本。 –

@NeilMasters當高度固定時，它只會截斷文本。 – sandeep

使用這個圖片的CSS樣式

clear:both

來源

2013-01-17 09:09:28 ATOzTOA

簡單浮動ususaly的伎倆

img { 
    flaot:left; 
} 
p { 
    flaot:left; 
}

這甚至使得以addapt到圖像中的文本，所以如果文本長於圖像的高度，它會在它下面變形。

來源

2013-01-17 09:10:16 NaGeL182

<p><img src="https://www.google.com/images/srpr/logo3w.png" style="float:left;padding-right:12px" width="280" />Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> 
<br style="clear:both" /> 
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

測試這個。

來源

2013-01-17 09:16:34

如何水平對齊圖片旁邊的文字與CSS

回答

相關問題