垂直对齐类型与图像

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了垂直对齐类型与图像相关的知识，希望对你有一定的参考价值。

A replacement for now deprecated align attribute:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
  2. <html>
  3. 	<head>
  4. 		<title>Vertical align type with image</title>
  5. 		<style>
  6.  
  7. 		p a {
  8. 			border: 1px solid #ccc;
  9. 			display: block;
  10. 			font-family: helvetica, arial, sans serif;
  11. 			font-size: 0.5em;
  12. 			}
  13.  
  14. 		img.alignment {
  15. 			vertical-align: middle;
  16. 		}
  17.  
  18. 		img.icon {
  19. 			width: 25px;
  20. 	 		height: 25px;
  21. 	 		margin-right: 5px;
  22. 		}
  23. 		</style>
  24. 	</head>
  25. 	<body>
  26. 		<p>
  27. 			<a href="#"><img class="alignment icon" src="images/twitter.png" alt="icon">Follow us on Twitter!</a>
  28. 		</p>
  29. 	</body>
  30. </html>

以上是关于垂直对齐类型与图像的主要内容，如果未能解决你的问题，请参考以下文章

如何在背景图像上垂直对齐文本？ [复制]

将 div 内的图像与响应高度垂直对齐

如何设置图像垂直对齐但水平对齐？

Xamarin 以编程方式在底部形成垂直对齐图像

如何垂直对齐浮动图像中的替代文本？

如何垂直对齐表格单元格中的图像和文本？