span元素为内联元素,不具备宽度特性,设置text-align属性会没有效果,因此需要将span元素的展示类型转化为具有块级特性。
方法1:设置span的display属性为block。
<span style="font-size:14px;text-align:center;display:block;">...</span>
方法2:设置span的display属性为inline-block,这种方式需要手动设置span的宽度。
<span style="font-size:14px;text-align:center;display:inline-block;width:500px;">...</span>
扩展资料
html标签中根据元素的展示形式,主要分为块元素和内联元素。
块元素特点:
1、总是在新行上开始。
2、高度、行高以及外边距和内边距都可控制。
3、宽度缺省是它的容器的100%,除非设定一个宽度。
4、它可以容纳内联元素和其他块元素。
内联元素特点:
1、和其他元素都在一行上。
2、高度、外边距和内边距不可改变。
3、宽度就是它的文字或图片的宽度,不可改变。
4、内联元素只能容纳文本或者其他内联元素。