CSS 垂直对齐类型与图像

Posted

tags:

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
	<head>
		<title>Vertical align type with image</title>
		<style>
		
		p a {
			border: 1px solid #ccc;
			display: block;
			font-family: helvetica, arial, sans serif;
			font-size: 0.5em;
			}

		img.alignment {
			vertical-align: middle;
		}

		img.icon {
			width: 25px;
	 		height: 25px;
	 		margin-right: 5px;
		}
		</style>
	</head>
	<body>
		<p>
			<a href="#"><img class="alignment icon" src="images/twitter.png" alt="icon">Follow us on Twitter!</a>
		</p>
	</body>
</html>

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

垂直对齐类型与图像

css在一个div中水平+垂直对齐3个元素

CSS垂直对齐文本到图像的中间[重复]

CSS：有没有办法在每个列表元素之前垂直对齐数字/项目符号？

CSS：有没有办法在每个列表元素之前垂直对齐数字/项目符号？

CSS：有没有办法在每个列表元素之前垂直对齐数字/项目符号？