html - 宽度和文本对齐属性

Question

为什么 text-align 和 width 不适用于内联元素。 jsFiddle例子。 你能得到 CSS 规范的校对链接吗？

Answer 1

HTML

<span>Some text</span>

CSS

span{
    width: 500px;
    text-align: center;
    border:1px solid black;
    display:block;
    
}

Working Fiddle

输出:

了解更多显示属性 Click here

更新:

可以通过这个实现但是不推荐，原因如下

Style sheets提供指定任意元素呈现的方法，包括元素是呈现为 block 还是内联。在某些情况下，例如列表元素的内联样式，这可能是合适的，但一般来说，不鼓励作者以这种方式覆盖 HTML 元素的常规解释。

Source