不用table，两种div+css页面元素居中方法

最新推荐文章于 2024-09-11 21:44:44 发布

jfxiao

最新推荐文章于 2024-09-11 21:44:44 发布

阅读量285

点赞数

分类专栏： css 文章标签： div table css

本文链接：https://blog.csdn.net/jfxiao/article/details/7009712

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一种：绝对定位法：

<style>html { height: 100%; }</style>

<body style="height: 100%; text-align: center; position: relative; ">
<div style="position: absolute; left: 50%; top: 50%; width: 480px; height: 220px; margin-left: -240px; margin-top: -110px; ">
			<img src="images/logo.gif" width="480" height="189" /><br />
			<br />
			<a href="home.php">中文版</a>  |   <a href="English.php">English</a>
</div>

第二种：空白DIV法：

<body style="height: 100%;text-align: center;">

<div style="height: 50%; margin-top: -110px; >
</div>
<div style="width: 480px; height: 220px;  margin: 0 auto; ">
			<img src="images/logo.gif" width="480" height="189" /><br />
			<br />
			<a href="home.php">中文版</a>  |   <a href="English.php">English</a>
</div>