css实现居中
做网站前台时，我们经常用让指定宽度的页面居中。本以为很简单，text-align:center，就搞定，可做时让大吐苦水，下面就把代码贴下来与大家共享！
代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="WebPage_test_Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<style type="text/css">
body{ padding:0; margin:0; text-align:center;}
<%--必须让内边距和外间距都设为auto才可以，只指定宽度不会居中，切切注意，我就是在这点花费好长时间--%>
#container{ padding:auto; margin:auto; width:1000px; }
#bg{ background-color:Fuchsia; height:400px;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<div id="bg">
</div>
</div>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<style type="text/css">
body{ padding:0; margin:0; text-align:center;}
<%--必须让内边距和外间距都设为auto才可以，只指定宽度不会居中，切切注意，我就是在这点花费好长时间--%>
#container{ padding:auto; margin:auto; width:1000px; }
#bg{ background-color:Fuchsia; height:400px;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<div id="bg">
</div>
</div>
</form>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 零经验选手，Compose 一天开发一款小游戏！
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发，如何调用三方的API Function，是通过提示词来发起调用的吗