Calendar CSS关于居中YUI日历的建议

Calendar CSS关于居中YUI日历的建议,calendar,yui,center,Calendar,Yui,Center,我在我的网站上使用YUI多页日历。我想把这个放在我的网页上,但是我不确定怎么做,因为我不习惯复杂的CSS。我尝试过添加左边距和右边距:自动,但这不起作用 此多页日历的示例可在此处找到: 有人能帮我把这个日历放在中间吗 提前谢谢。这非常简单。您只需要为主div定义一个宽度,以便边距可以将其居中。您还需要在主div关闭之前放置一个div,以清除月份,从而使主div具有明显的高度/宽度 将此样式添加到主Div: <div id="cal1Container" class="yui-calcont

我在我的网站上使用YUI多页日历。我想把这个放在我的网页上,但是我不确定怎么做,因为我不习惯复杂的CSS。我尝试过添加左边距和右边距:自动,但这不起作用

此多页日历的示例可在此处找到:

有人能帮我把这个日历放在中间吗


提前谢谢。

这非常简单。您只需要为主div定义一个宽度,以便边距可以将其居中。您还需要在主div关闭之前放置一个div,以清除月份,从而使主div具有明显的高度/宽度

将此样式添加到主Div:

<div id="cal1Container" class="yui-calcontainer multi" style="margin: 0 auto; width: 500px; float: none;">

在这个Div关闭之前,添加这个

<div style="clear: both;"></div>


现在它工作了!浮动一开始是相当混乱的,但通常这是需要做的事情。除此之外,它是基本的CSS。

嗨,我试过这个,但日历仍然保持左对齐!谢谢我点击了你的链接。我在chrome上,所以我右键点击日历,点击“检查元素”。然后我发现我忘记了一个小细节:你必须把浮子从主Div上取下来。我编辑了我的答案来修正这个小错误。很抱歉嗨,维克多罗。我这样做了:。但它会居中显示灰色背景,在顶部留下一条灰线。你有过这样的经历吗?谢谢。正如我所说,这是浮动的一个特征。您需要在所有日历之后但在关闭之前使用该div。这样,由float设置的日历将被清除。随时可以打勾。答案是肯定的。嗨,维克多罗。正如我在上一篇评论中所粘贴的,我确实在calendar div的结束标记之前粘贴了?