之间的差异<span>及<部门>文本对齐时:居中;?

我不明白这一点:

我已尝试将HTML的文本对齐居中<span&gt标记,但它什么也没做。。。
使用<部门&gt标签,一切正常。与设置margin的情况相同:0px自动在css中

为什么span标记不支持文本对齐功能

区别不在于<span&gt和<部门&gt具体而言,但在内联元素之间<span&gt默认为显示:内联而<部门&gt默认为显示:块。但是这些可以在CSS中被覆盖

两者之间文本对齐:居中工作方式的差异在于宽度

元素默认为其容器的宽度。它可以使用CSS设置宽度,但无论如何它都是固定宽度

inline元素的宽度取决于其内容文本的大小

text align:center告诉文本将自身定位在元素的中心位置。但是在内联元素中,这显然不会产生任何效果,因为该元素与文本的宽度相同;以这种或那种方式调整它是没有意义的

元素中,由于元素的宽度与内容无关,因此可以使用文本对齐样式将内容定位在元素中

最后,为您提供一个解决方案:

display属性还有一个附加值,它提供了内联之间的中间房屋。非常方便,它被称为内联块。如果指定一个<span&gt待显示:内联块在CSS中,它将继续作为内联元素工作,但也将具有块的某些属性,例如指定宽度的能力。指定宽度后,可以使用text align:center

希望有帮助

发表评论