Jquery 文本未在平滑滑块中换行

我想实现一个带有滑动条的旋转木马，在底部显示一个图像和文本，后面是一些大点，表示还有更多

现在我面临两个问题：

文本不换行

底部的点几乎看不见

实现非常基本：

    $( document ).ready(function(condition) {
        // show user opinion carrusel
        $(\'.user_opinions\').slick({
            dots: true,
            slidesToShow: 1,
            slidesToScroll: 3
        });
    });

html

s sind definitiv die Filter die Es einfach machen。我不知道该怎么办
Jens K
这是一个明确的模具过滤器。我不知道该怎么办

Jens K

---

如何使文本换行以及如何放大点？

您需要在p上添加此css规则（或添加一个类）

---

我已经在下面的示例中使用您的代码包含了CDN—似乎工作正常。您是否包含了所有相关的样式表/脚本

$（文档）.ready（函数（）{
//显示用户意见carrusel
$（'.user_意见'）。光滑({
点：是的，
幻灯片放映：1，
幻灯片滚动：3
});
});

s sind definitiv die Filter die Es einfach machen。我不知道该怎么办
Jens K
这是一个明确的模具过滤器。我不知道该怎么办

Jens K
您是只使用内联样式还是有外部css？发现了问题。我在.css中使用nowrap定义了一个名为.draggable{}的类。这就是问题的原因。关于圆点，我发现这个错误可能与小圆点有关。这可能吗？如果可能，如何解决？CORS策略已阻止从源“”访问“”处的字体：请求的资源上不存在“Access Control Allow origin”标头。已解决此问题。只是想让其他人知道你在寻找同样的东西。我需要更改我的静态nginx服务器配置以允许woff和ttf文件，方法是将这一行添加到文件位置配置：add_header Access Control allow Origin*；这就解决了安卓系统的问题，在iOS上，它从来都不是问题。
    <div class="user_opinions" style="position: relative; outline: 0; width: 100% !important;">
      <div style="">
            <img src="/g/p/user_1.png" width="100%" alt="">
            <div style=" margin: 10px;">
              <p style="">Es sind definitiv die Filter die es einfach machen. Ich kann genau die bla finden nach der ich gesucht habe.</p>
              <div style="border-top: 1px solid #ccc; width: 100px;margin-bottom:10px;"></div>
              <strong>Jens K</srong>
            </div>

      </div>
      <div>
            <img src="/g/p/user2.jpg" width="100%" alt="">
            <div style=" margin: 10px;">
              <p>Es sind definitiv die Filter auf x die es einfach machen. Ich kann genau die blub finden nach der ich gesucht habe.</p>
              <div style="border-top: 1px solid #ccc; width: 100px;margin-bottom:10px;"></div>
              <strong>Jens K</srong>
            </div>
      </div>
    </div>

p {
  word-wrap: break-word;
}