<span id='span_slide_container' style='display:block; overflow-y: auto; overflow-x: auto; height: 500px;'>

此处 display:block; 一定要加上，否则，span不起作用

如果要定义span居中，必须先让span成块级元素显示，也就是说，要先定义span的display:block;属性，然后再给span添加边距属性margin:0px auto;这样就能达到你想要的效果了。span的属性很多，几乎所有标签的属性都可以定义在span上，只是很多属性都必须在span成块级元素时菜其作用，span本身只是为了补充a标签的作用，是一个辅助标签，一般只能识别对文字的样式的你故意，所以如果想给span标签定义更多的其他样式属性，你就必须先给span加上块级属性，也就说添加display:block;属性，这样以后你的样式就可以起作用了

 ======

默认span的宽度是自适应内容的。

 

span标记的样式设定width属性：

<html>
 <body>
 <span style="width:80%">新闻标题</span><span style="20%">2006-5-27</span>
 </body>
 </html>
加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这一句，span的宽度失效，会发现不会产生效果。 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
 <body>
 <span style="width:80%">新闻标题</span><span style="20%">2006-5-27</span>
 </body>
 </html> 如果设置display:block，width属性生效，但是此时的span跟div一样了。  DIV会自动换行
span不是块级的所以其宽度是依据内容的多少而定，你必需要设定span为BLOCK这样才可以设置宽度！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
 <body>
 <span style="width:80%; display:block; float:left; ">新闻标题</span><span style="20%">2006-5-27</span>
 </body>
 </html> 如果设置display:inline-block，则span并列在同行，而且width属性生效。 

 元素display属性的常见值说明： 

 block：块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行。 
 inline：内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。 
 inline-block：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。 
 non：隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间。 

  设置 span 宽度的完美解决方案 （ 
 不自动换行） 

 
 

  下面代码的 CSS定义完美解决了span的宽度设置问题。代码可以同时兼容IE/FF各种版本。 
 
 <style type="text/css"> 
 
 span { background-color:#ffcc00; 
 display:-moz-inline-box; display:inline-block; width:150px;} 
 
 </style>