CSS 固定大小/居中站点的基本CSS结构（使用内联块）

Posted 2021-05-23

html, body{
	height:100%;
}
.siteWrapper{
	height:100%;
	letter-spacing:-1ex;
	word-spacing:-1ex;
	text-align:center;
	white-space:nowrap;
	font-size:0;
}
	.alignReference,
	.siteAligner{
		display:inline-block;
		#display:inline;
		#zoom:1;
		letter-spacing:0;
		word-spacing:0;
		font-size:12px;
		vertical-align:middle;
	}
		.alignReference{
			height:100%;
			width:1px;
			overflow:hidden;
			margin-left:-1px;
			visibility:hidden;
		}
		.siteAligner{
			text-align:left;
		}
			.siteHolder{
				border: 1px solid red;
				position:relative;
				white-space:normal;
			}
/* html code */
/*
<div class="siteWrapper">
	<div class="alignReference"></div>
	<div class="siteAligner">
		<div class="siteHolder">
			teste 123
		</div>
	</div>
</div>
*/