CSS:使用文本对齐:在跨度中居中

CSS:使用文本对齐:在跨度中居中,css,html,text-align,Css,Html,Text Align,对于一个日历应用程序,我希望有一个熟悉的月份名称外观,该名称以左边框的左箭头为中心,可以追溯一个月,右边框的右箭头可以追溯一个月。类似于 s在末尾插入换行符,因此我想我会使用span,但span是一个内联元素,因此text align:center属性仅在月份长度内对齐它。只需使用text align:center即可生成类似 为了补偿这一点,我在跨度中添加了display:block,但是,这会在ie的末尾创建一个换行符 < May > 也许

对于一个日历应用程序,我希望有一个熟悉的月份名称外观,该名称以左边框的左箭头为中心,可以追溯一个月,右边框的右箭头可以追溯一个月。类似于

s在末尾插入换行符,因此我想我会使用span,但span是一个内联元素,因此
text align:center
属性仅在月份长度内对齐它。只需使用
text align:center
即可生成类似

为了补偿这一点,我在跨度中添加了
display:block
,但是,这会在ie的末尾创建一个换行符

<     May
              >

也许

您需要将文本对齐应用于容器元素,并删除
显示:块
(文本对齐适用于内联/内联块元素)。不要忘了清理容器后的浮子


设计日历标题的一种方法可以是以下方法。 在我的示例()中,我使用了星号而不是图像。 我替换了段落的月跨度,并更改了标记的顺序

星号或图像将保持在两侧和月中,在一个灵活的设计中。 看这个

#标题{
背景:#e0;
}
前{
浮动:左;
}
下一个{
浮动:对;
}
p、 月{
文本对齐:居中;
}

**
**

5月


为什么需要
显示:块当你想对齐所有内容时?因为否则文本对齐不起作用..中间示例可能重复这一点就足够了,为什么要使用浮动和清除以及所有的东西看起来OP需要一个全宽布局,边缘有箭头,这可能是有效的。我想我最初的问题的答案是,你只能在div中对齐文本中心…你不能在span中对齐。仅供参考,我尝试使用内联块并添加宽度,但也没有居中。您可以在任何块元素中文本对齐内联元素,而不管它们是什么类型的元素