css垂直居中代码

文字垂直居中代码

外层框设定高度height=行高line-height

图片居中

vertical-align:middle
<!doctype html>
<html>
	<head>
	<style>
		form{
			border:15px solid red;
			height:100px;
			text-align:center;
			padding:5px;
			line-height:100px;
		}
		div{
			height:500px;
			border:15px solid blue;
			line-height:500px;
			text-align:center;
		}
		div img{
			vertical-align:middle;
			}
	</style>
	
	</head>
	<body>
		<form>
			<input type="submit" value="提交">
			<input type="text" value="请输入文字">
		</form>
		<div>
			<img src="http://d.lanrentuku.com/down/png/1505/android-lollipop-icon-set-by-tinylab/goodreads.png">	
		</div>
	</body>
</html>

 

零刻学堂是专注建筑设计建模技术研究的网站,站长本人也在犀牛领域担任高级讲师多年,精通犀牛建模、建筑参数化和工业建模。
本站文章除了注明【转载】的,均为本人和本站用户原创,如需转载无需通过本人同意,但务必在转载文章内部添加本文链接和作者署名,违者追究其责任。
零刻学堂 » css垂直居中代码

发表评论