设置盒子（图片，表格等）在整个页面居中

哈哈哈哈哒

已于 2022-03-08 19:59:38 修改

阅读量1.9k

点赞数

分类专栏：前端学习笔记文章标签： html css

于 2020-03-16 13:07:12 首次发布

本文链接：https://blog.csdn.net/qq_45568705/article/details/104891195

版权

1、HTML方式采用table实现

注意：该方法不适合于html5
如下列设计一个简单地登录框（宽300，长200）使其在页面正中间
实现方式：采用表格嵌套的方式。
外表格占满整个页面，内表格在外表格的第一行第一列，且在中间，从而实现内表格在整个页面的中间。

<body >
		<table width="100%"  height="100%"  border="0" cellspacing="0" cellpadding="0" align="center">
			<tr>
				<td align="center">
					<table border="1" cellspacing="0" cellpadding="5"  width="300"height="200">
						<tr>
							<th colspan="2" align="center">用户登录</th>
						</tr>
						<tr><td align="right">用户名：</td><td><input type="text"/></td></tr>
						<tr><td align="right">密码：</td>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

哈哈哈哈哒

关注关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
设置盒子（图片，表格等）在整个页面居中

1、HTML方式采用table实现如下列设计一个简单地登录框（宽300，长200）使其在页面正中间实现方式：采用表格嵌套的方式。外表格占满整个页面，内表格在外表格的第一行第一列，且在中间，从而实现内表格在整个页面的中间。<body > <table width="100%" height="100%" border="0" cellspacing="0" cell...
复制链接

扫一扫