为什么文字不居中显示呢

为什么在span里加了text align:center还是不能让文字居中呢

核心原因 就是span的宽度width 不够 
如果宽度就是文字显示的长度  就算使用text-align：center；  也没效果
但是宽度 如果 大于的文字显示的长度  text-align：center；就有效果
但是span 是行内元素  不存在宽高
所以要转换  要么是块 要么行内块

给p标签上加text-align：center；

html,body,div,p{
            width: 100%;
        }
        span {
            text-align: center;
            color: blueviolet;
            display: inline-block;
            width: 100%;
        }

因为span现在大小就字体那么宽，所以已经居中了，但是你以为没居中，你可以把span的宽设成全屏宽就可以看到居中了

我又试了类选择器，文字就居中了

span宽度位内容决定，你应该是让span在p中居中，p默认为通栏的宽，所以会出现在浏览器的中间，
或者可以给span转换为块，行内块元素，设置宽度，

应该给父元素设置吧