我不明白这一点:
我已尝试将HTML的文本对齐居中<;span>标记,但它什么也没做。。。
使用<;部门>标签,一切正常。与设置margin的情况相同:0px自动在css中
为什么span标记不支持文本对齐功能
区别不在于<;span>和<;部门>具体而言,但在内联和块元素之间<;span>默认为显示:内联而<;部门>默认为显示:块。但是这些可以在CSS中被覆盖
两者之间文本对齐:居中工作方式的差异在于宽度
块元素默认为其容器的宽度。它可以使用CSS设置宽度,但无论如何它都是固定宽度
inline元素的宽度取决于其内容文本的大小
text align:center告诉文本将自身定位在元素的中心位置。但是在内联元素中,这显然不会产生任何效果,因为该元素与文本的宽度相同;以这种或那种方式调整它是没有意义的
在块元素中,由于元素的宽度与内容无关,因此可以使用文本对齐样式将内容定位在元素中
最后,为您提供一个解决方案:
display属性还有一个附加值,它提供了块和内联之间的中间房屋。非常方便,它被称为内联块。如果指定一个<;span>待显示:内联块在CSS中,它将继续作为内联元素工作,但也将具有块的某些属性,例如指定宽度的能力。指定宽度后,可以使用text align:center
希望有帮助