样式：

复制内容到剪贴板

代码:

#show_center_bt{
width:780px;
height:31px;
background-image:url(../images/rencai_show_btbg.jpg);
font-size:14px;
font-weight:bold;
color:#FF9900;}
#show_center_bt span{
    position:absolute;
    line-height:31px;
    text-align:center;
    filter:
        Dropshadow(offx=1,offy=0,color=white)
        Dropshadow(offx=0,offy=1,color=white)
        Dropshadow(offx=0,offy=-1,color=white)
        Dropshadow(offx=-1,offy=0,color=white);}

页面代码：

复制内容到剪贴板

代码:

<div id="show_center_bt"><span>诚聘高级程序开发人员</span></div>

如何让span水平居中呢？

<style> span{width:100%;text-align:center;} </style> <div><span>中间</span></div>
 提示：您可以先修改部分代码再运行

我晕  好简单啊
我咋没想到呢！！？？
谢谢~

...span居中作甚 用p 设p的text-align:center;

报告……2#代码在ff下无效……

<style> span{display:block;width:100%;text-align:center;} </style> <div><span>中间</span></div>
 提示：您可以先修改部分代码再运行

为啥加上display:block;在ff下就可以了。？

<style> span{display:block;text-align:center;border:1px solid red;margin-left:30%;margin-right:30%;} div{width:100%;border:1px solid green;height:40px;} </style> <div><span>给span左右两边加上等宽margin,这才是水平居中.</span></div>
 提示：您可以先修改部分代码再运行

span是内联的
加block让它成为块级元素！拥有布局，不知道这样说对不！呵呵

引用:

原帖由 twming 于 2008-6-30 13:42 发表
span是内联的
加block让它成为块级元素！拥有布局，不知道这样说对不！呵呵

块级元素并不等于拥有布局。
display: inline-block;会触发拥有布局。
display:block;并不会。

<style> div{width:100%;text-align:center;} </style> <div><span>中间</span></div>
 提示：您可以先修改部分代码再运行

拥有布局？  就是那个 haslayout ？

有关ie的layout建议你看下:
http://www.blueidea.com/tech/site/2006/3698.asp

哇不至于吧。。。一个简单问题弄出这么多代码？居然还吧span弄成block.... 其实只要用#2的代码，吧span改成div就可以了，如下：

<style> div{width:100%;text-align:center;} </style> <div><span>中间</span></div>
 提示：您可以先修改部分代码再运行

span 是一个inline element, 如果需要据中，text-align严格地说只适合block element里面的inline element 居中， 所以，需要让div使用text-align. 并且，inline element不能用width属性。