css居中,使用bootstrap


化石原创文章,转载请注明来源并保留原文链接


做一个随浏览器大小始终居中的进度条,使用了下面的代码:

<div id="loadingContainer" style="position: absolute; width: 100%; height: 90%;" >
	<div class="row h-100 align-items-center justify-content-center">
		<div class="row">
			<div class="col">
				<p id="loadingProgress" style="color: red; font-size: 2rem;">0%</p>
			</div>
		</div>
	</div>
</div>

第3行开始的是进度条本身,第1行和第2行是关键。第1行的height百分比,可以用来调节在高度上的居中感觉。


化石原创文章,转载请注明来源并保留原文链接


发表评论

电子邮件地址不会被公开。 必填项已用*标注