垂直居中对齐问题016

陀陀吖

于 2019-03-30 12:02:15 发布

阅读量136

点赞数

CC 4.0 BY-SA版权

分类专栏： html与css

本文链接：https://blog.youkuaiyun.com/weixin_40422393/article/details/88910096

html与css 专栏收录该内容

18 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>垂直居中对齐问题</title>
	<style>
		img{
			vertical-align: middle;    /*让图片与文字中线对齐  top baseline: */

			margin: 0 auto;   /*让盒子水平居中显示*/

			line-height:    /*让元素垂直居中*/

			text-align:center;   /*让文本水平居中*/ 
		}
	</style>
</head>
<body>
	<div>
		<img src="images/icon3.png" alt="">
		123454
	</div>
</body>
</html>