Css “实施的最佳方式”；“明信片大小”；网页
如果我想创建一个网页，内容大约有一张明信片那么大，我该如何在屏幕上定位它呢 横向不是问题（自动边距）；然而，垂直居中是一个问题 容器垂直居中的最佳方式是什么？Javascript？我甚至应该试着垂直居中，还是你通常更喜欢从顶部开始的页面Css “实施的最佳方式”；“明信片大小”；网页,css,Css,如果我想创建一个网页，内容大约有一张明信片那么大，我该如何在屏幕上定位它呢 横向不是问题（自动边距）；然而，垂直居中是一个问题 容器垂直居中的最佳方式是什么？Javascript？我甚至应该试着垂直居中，还是你通常更喜欢从顶部开始的页面 谢谢 您可以使用CSS来实现这一点。使用50%的左侧和顶部将容器DIV居中。然后只需将包含的明信片的宽度和高度的50%偏移回原处 <div id="postcard_container"> <div id="postcard">
谢谢 您可以使用CSS来实现这一点。使用50%的左侧和顶部将容器DIV居中。然后只需将包含的明信片的宽度和高度的50%偏移回原处
<div id="postcard_container">
<div id="postcard">
Postcard here
</div>
</div>
#postcard_container {
position:absolute;
display:block;
width:1px;
height:1px;
left:50%;
top:50%;
}
#postcard {
position:absolute;
width:800px;
height:600px;
left:-400px;
top:-300px;
}
明信片在这里
#明信片容器{
位置：绝对位置；
显示：块；
宽度：1px；
高度：1px；
左：50%；
最高：50%；
}
#明信片{
位置：绝对位置；
宽度：800px；
高度：600px；
左：-400px；
顶部：-300px；
}
<head>
<title></title>
<style type="text/css">
#content {
text-align: left;
padding: 5px;
width: 800px;
height: 600px;
}
</style>
</head>
<body>
<table style="width: 100%; height: 100%">
<tr valign="middle">
<td align="center">
<div id="content">
Postcard here
</div>
</td>
</tr>
</table>
</body>
#内容{
文本对齐：左对齐；
填充物：5px；
宽度：800px；
高度：600px；
}
明信片在这里