对于一个日历应用,我希望拥有熟悉的外观,即月份名称居中并在左边距处放置左箭头以返回上个月,在右边距处放置右箭头以前进到下个月。例如:
< 五月 >
元素在结尾处插入换行符,因此我认为可以使用,但是是内联元素,因此
为了弥补这一点,我在中添加了
text-align:center
属性只会将其对齐到月份长度内。仅使用text-align:center
会产生类似<五月 >
的结果。为了弥补这一点,我在中添加了
display:block
,然而,这会在结尾处创建一个换行符。< May
>
有人能够建议一种适当的方法来实现这个吗?
最新版本:
CSS/HTML:
span.previous {
float:left;
}
span.next {
float:right;
}
span.month {
display:block;
text-align:center;
}
<span class="previous"><img src="leftarrow.gif"></span>
<span class = "month">May</span>
<span class="next"><img src="rightarrow.gif"></span>
display: block;
? - Mr. Alien