Question

为什么我给span 设CSS样式总是起作用？

<div style="width:980px;margin:0 auto;"><span style="text-align:center;">CSS无效</span></div>
为什么这样设置SPAN不会居中
为什么CSS总是不起作用？
SPAN有什么CSS属性？

Answer 1

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

Answer 2

span是行内元素，不是块级元素，你把它转换成块级元素样式就起作用了。（display:block;）
但是span变成块级元素也就和div的性质一样了，为行级元素。

Answer 3

因为你的span的宽度是根据内容改变的，尝试给span加上display:block，或者设置span的width为980px或100%，应该可以解决问题

Answer 4

span做为辅助元素，一般只设字体大小，粗细，颜色。。如果要控制居中，左，右等其他元素，需要加上display:block;成块状显示。加上过后，就相当于是一个DIV了。

Answer 5

给span加上 display:block;这个属性就行了