纯css实现上下左右居中_html-js-css

概述纯css实现 上下左右居中

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<!DOCTYPE HTML><HTML lang="en">	<head>		<Meta charset="utf-8">		<Title></Title>		<style>			input{				outline:none;			}			.dialog_mask{				top:0;				left:0;				z-index:100;				position:absolute;				text-align:center;				wIDth:100%;				height:100%;				background:#a0a0a0;				white-space:nowrap;			}						.dialog_mask:after{				content:" ";				height:100%;				display:inline-block;				vertical-align:mIDdle;			}						.dialog{				Font-size:14px;				text-align:left;				min-wIDth:300px;				min-height:80px;				display:inline-block;				vertical-align:mIDdle;				background:#ffffff;			}						.head{				margin:5px;				padding:2px;				position:relative;				background:#15a4fa;				border-bottom:1px solID #15a4fa;			}			.Title{				color:#fff;				display:inline-block;				vertical-align:mIDdle;			}						.close_btn{				wIDth:20px;				height:20px;				top:50%;				right:2px;				margin-top:-9px;				position:absolute;				display:inline-block;				float:right;				background:url("close_btn.png");			}						.close_btn:hover{				cursor:pointer;				background-position:-20px 0;			}						.body{				padding:8px;				height:100%;							}		</style>	</head>	<body>		<div >			<div  align="mIDdle;">				<div >					<div >创建项目</div>					<span  title="关闭"></span>				</div>				<div >					<form>						项目名：<input value="" name="project_name"/>						<div >							<button>确定</button>							<button>取消</button>						</div>					</form>				</div>			</div>		</div>	</body>	<script>			</script></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的纯css实现上下左右居中全部内容，希望文章能够帮你解决纯css实现上下左右居中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1097994.html