Wordpress fullcalendar隐藏事件文本而不是包装有问题
我觉得我错过了一些很明显的东西。我一直在我们的网站上使用Fullcalendar(诚然是基本的)。我一直使用的代码如下所示:Wordpress fullcalendar隐藏事件文本而不是包装有问题,wordpress,plugins,fullcalendar,Wordpress,Plugins,Fullcalendar,我觉得我错过了一些很明显的东西。我一直在我们的网站上使用Fullcalendar(诚然是基本的)。我一直使用的代码如下所示: <link href='fullcalendar.css' rel='stylesheet' /> <link href='fullcalendar.print.css' rel='stylesheet' media='print' /> <script src='lib/moment.min.js'></script> &
<link href='fullcalendar.css' rel='stylesheet' />
<link href='fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='lib/moment.min.js'></script>
<script src='lib/jquery.min.js'></script>
<script src='fullcalendar.min.js'></script>
<script>
$(document).ready(function() {
$('#calendar').fullCalendar({
editable: false,
height: "auto",
eventLimit: false, // allow "more" link when too many events
events: [
{
title: 'Event Title 1',
start: '2014-09-26',
end: '2014-09-29',
color: '#266A2E'
}, {
title: 'Event Title 2',
start: '2015-06-01',
end: '2015-08-22',
color: '#990000'
}
]
});
});
现在,这项技术暂时还可以正常工作,唯一的例外是,如果它比事件长,那么事件的名称将消失。也就是说,如果活动只持续一天,标题是“在米勒顿湖露营”,那么在日历上就会显示“在M露营”。在很长一段时间里,我一直认为这是不可避免的事实,如果活动名称太长,我会确保使用创造性的标题。但现在我们正在将我们的手工编码网站移动到wordpress模板,我发现有一个插件可以帮助实现这一点。我使用它并将其连接到谷歌日历上,以方便快捷地进行编辑。然后我意识到在WP网站上,它实际上是将事件上的文本包装到多行上。我再次查看了文档,尝试了许多不同的谷歌搜索和Stackoverflow上的搜索,但在日历包装设置中找不到任何与事件标题相关的内容。我错过什么了吗?我是否可以在旧的手工编码网站上添加一行代码,强制文本换行而不是隐藏?这可能不是最好的方法,但一个月后没有人提供任何提示。我最终发现,如果我将css中的所有空格:nowrap替换为空格:normal,它现在会将文本包装在标题中。我想这说明我还有很多东西需要学习。
body {
/* margin: 40px 10px;
padding: 0;
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-size: 14px;*/
}
#calendar {
max-width: 900px;
margin: 0 auto;
}
<body>
<div id='calendar'></div>
</body>