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>

 

合作项目:
版权声明:
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧

老林站长

工业设计建模,建筑参数化,动画渲染,在线指导

作者

关于本文的有任何疑问都可以在评论区提问。

微信群

加入犀牛技术微信解答群,随问随答

Rhino课程

工业设计的犀牛建模实战课程

参数化纹理

参数生成无缝纹理

BIM考证特训

完全免费在线考试特训视频

购物车
优惠劵
搜索