CSS 水平+垂直居中布局

Posted 2021-05-23

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 水平+垂直居中布局相关的知识，希望对你有一定的参考价值。

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
	&lt;meta charset=&quot;utf-8&quot;&gt;
	&lt;title&gt;&lt;/title&gt;
	&lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
		#limites { position: absolute; width: 100px; height: 100px; background: blue; left: 50%; top: 50%; margin: -50px; }
	&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;div id=&quot;limites&quot;&gt;
		
	&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

以上是关于CSS 水平+垂直居中布局的主要内容，如果未能解决你的问题，请参考以下文章

CSS 水平+垂直居中布局

CSS布局--垂直水平居中

CSS布局（圣杯布局双飞翼布局水平垂直居中）

css实现水平/垂直居中效果