calendar - 居中 YUI 日历的 CSS 建议

Question

我在我的网站上使用 YUI 多页日历。我想把它放在我的网页上，但由于我不习惯复杂的 CSS，我不确定如何做到这一点。我尝试添加 margin-left 和 margin-right: auto 但这不起作用。

可以在此处找到此多页日历的示例：http: //developer.yahoo.com/yui/examples/calendar/calgrp_clean.html

有人能帮我把这个日历居中吗？

提前致谢。

Answer 1

这非常简单。您只需要为主 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。