div 居中
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2 <HTML>
3 <HEAD>
4 <style type="text/css">
5 #container{
6 background: #090;
7 width: 500px;
8 height: 96px;
9 position: relative;
10 left: 50%;
11 margin-left: -250px;
12 /*margin-left: expression(-(this.offsetWidth/2)+"px");*/
13 }
14 </style>
15 </HEAD>
16
17 <BODY>
18 <div id="container">
19 我们在做什么?
20 </div>
21 </BODY>
22 </HTML>
23
2 <HTML>
3 <HEAD>
4 <style type="text/css">
5 #container{
6 background: #090;
7 width: 500px;
8 height: 96px;
9 position: relative;
10 left: 50%;
11 margin-left: -250px;
12 /*margin-left: expression(-(this.offsetWidth/2)+"px");*/
13 }
14 </style>
15 </HEAD>
16
17 <BODY>
18 <div id="container">
19 我们在做什么?
20 </div>
21 </BODY>
22 </HTML>
23
对那个"expression"还不熟悉噢.
也可以使用:
1 body {TEXT-ALIGN: center;}
2 #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
2 #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步