Question

我想将此免费使用的Jquery模板集成到网站中： http://bestjquery.com/tutorial/timeline/demo23/

但是，当我尝试在其中添加自己的句子时，它会中断并且不再响应。

请问有人对此有想法吗？

我试图放几个p标签，甚至放一个被br标签打断的大句子，或者放一个列表，都没有用。

<div class="demo">
  <div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="main-timeline">
                <div class="timeline">
                    <div class="timeline-icon"><span 
                       class="year">2019</span>
                    </div>
                    <div class="timeline-content">
                        <h3 class="title">NEW YEAR</h3>
                        <p class="description">
                            Lorem ipsum dolor sit amet
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-icon"><span 
                       class="year">2018</span>
                    </div>
                    <div class="timeline-content">
                        <h3 class="title">Confirmation</h3>
                        <p class="description">
                            Lorem ipsum dolor sit amet, consectetur 
                            adipiscing elit. Donec lacinia mi ultrices, 
                            luctus nunc ut, commodo enim. Vivamus sem 
                            erat.Lorem ipsum dolor sit amet, consectetur
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
</div>

我想获得带有自己的句子的时间线（充其量是一个小句子列表），并且当我改变页面大小时卡的显示不会中断。（因此，它保持响应状态）。

Answer 1

要更改列表样式，您需要编辑演示的CSS文件，而不是html文件。要修复包含较长句子的框，可以增加文本框的组件大小。这是演示CSS中的定义：

    var https = require('https');
    https.post = require('https-post');

    var data = [ "myName", "MyPass"];

https.post('https://www.mywebsite.com/page.php', { user: data[1], pass: data[2] }, function(res){
    res.setEncoding('utf8');
        res.on('data', function(chunk) {
            console.log(chunk);
    });
});

增加此处的宽度可能会给您更多空间。或者，您可以在时间轴和主时间轴css类中弄乱高度。

根据我在演示中所做的操作，这些框似乎已经对不同的屏幕尺寸做出了响应，但是如果要更改其行为，可以使用vw / vh的相对度量。有关所有CSS单元及其使用方法，请参见https://www.w3schools.com/cssref/css_units.asp。

如何修复一个jQuery模板？段落长度有问题

1 个答案: