Javascript 在div中显示日期时包括换行符

我需要将日期显示在一个DIV中，格式为以月为中心的日期（DD
MMMM）。但是，该页面仅显示日期。当我检查元件时，断线和月份被正确发送

JQuery

$(document).ready(function () {    

    var value = moment().subtract(2,'days');

$(".slider").each(function() {
    var dateFormatted = moment(value).format("DD" + "<br/>" + "MMMM");

    $(this).html(dateFormatted);
    value = value.add(1,'days');
});}

$（文档）.ready（函数（）{
var值=力矩（）。减去（2，'days'）；
$（“.slider”）.each（函数（）{
var dateFormatted=力矩（值）.format（“DD”+“
”+“MMMM”）；
$（this）.html（日期格式）；
value=value.add（1，'days'）；
});}

HTML

我也可以使用另一种技术来完成同样的事情，但我确实需要JQuery中的each循环，因为日期将连续生成

---

谢谢！

你是说

您可以将其添加到类中

---

尽管我总是喜欢使用文本解码：下划线；或边框底部：1px纯黑；

回答

---

DIV的高度看起来足够大，可以包含两行内容，但在提出一些建议后，我仔细检查了CSS，发现这个月实际上返回到了页面，但就在下方。

要求澄清问题的请求应该作为评论发布，而不是回答听起来像是样式问题，你也可以发布CSS吗？我怀疑你的“slider”div的样式很窄有什么问题吗？是没有显示月份还是什么都没有显示？我知道一切正常，月份在“那里”，但你看不到，对吗？你能编辑一个JSFIDLE来解决这个问题，这样我们也能看到问题吗？如果我能正确理解的话，也许

。slider

需要一个高度。slider的风格是什么。slider你有什么风格？这似乎是一个“溢出”问题。@Jamiec可能是CSS，我很高兴至少能缩小这个问题的范围。我想我而div足够测试就是这个问题，但我会再试一次。

    <div class="carousel-items">
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
</div>