html - 响应和自定义时间轴

标签 html css angular typescript

我制定了时间表,但是我遇到了一些我无法解决的问题:(

首先,时间线没有响应,即当屏幕放大或我放一个更大的描述时,时间线线分开,我总是想把它放在一起,有人知道这是什么吗?

第二个问题:时间轴从值1开始,我怎么总是从值4开始?

正如您在图片中看到的,我有两个问题:单独的时间线和它从 1 而不是 4 开始 :(

HTML

<ul class="timeline" id="timeline" *ngFor="let priority of Priorities; let  p = index;">
    <li class="li complete">
        <div class="timestamp">
            <span class="priorityNumber">{{priority.id}}</span>
        </div>
        <div class="status">    
                <span class="circle"></span>
            <h4 class="timelineh4">{{priority.text}}</h4>
        </div>
    </li>
</ul>

最佳答案

看过你的代码,如果你使用的是 Angular ,那么你为什么要用 javascript 的方式来做。 并尽可能多地修复这个 fork .你的第二个问题的要求我不太明白,请简单介绍一下。

关于html - 响应和自定义时间轴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59119388/

相关文章:

javascript - 根据天气情况动态改变 css 背景

angular - 如何应用主题或自定义星云图标?

jquery - 使用 jQuery 设置 onkeypress 属性

css - AngularJS 破坏了 Foundation 模态。解决方法?

html - Bootstrap Navbar-right 错误

javascript - 未应用 AngularJS 1.5 组件样式

angular - 在 Azure Pipelines 中集成 Angular 测试用例

angular 2 从路由器导出组件更新应用程序组件

jquery - 禁用具有相同数组名称的所有输入

html - 谷歌地图加载偏离中心