html設定影象與文字的對齊方式
阿新 • • 發佈:2019-02-15
<!DOCTYPE <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>設定影象與文字的相對位置</title> </head> <body> <font size="3" color="#ff66cc">玫瑰花的生長過程</font> <!--影象的底端與文字的底端對齊--> <img src="images/001.gif" align="bottom"/> <!--影象的中間與文字的中間對齊--> <img src="images/002.gif" align="middle"/> <!--影象的頂端與文字的頂端對齊--> <img src="images/003.gif" align="texttop"/> <!--影象的中間與文字的中間對齊--> <img src="images/004.gif" align="absmiddle"/> <!--影象的底端與文字的底端對齊--> <img src="images/005.gif" align="baseline"/> </body> </html>
效果: