时间戳

首页 > 解决方案 > 自动滚动表不适用于 Heroku

html - 自动滚动表不适用于 Heroku

问题描述

我正在我的第一个 django 项目中处理这个自动滚动文本，它在本地运行得很好，但是一旦部署在 Heroku 上，文本将显示为固定且没有格式。

  table.scrollable-content tbody tr{
    overflow:auto;
    display:block;
    height:200px;
  }
  table.scrollable-content tbody tr div{
      animation-name: example;
      animation-duration: 5s;
  }
  table.scrollable-content tbody tr:hover div{
      animation-name: example2;
      animation-duration: 5s;
  }

{% load static %}
<!DOCTYPE html>
<html lang="en"></html>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'css/blog.css' %}">

<table class="scrollable-content">

    <thead><tr><th>Lorem ipsum dolor sit amet</th></tr></thead>
    <tbody>
    <tr>
    <td>
    <div>
    
    llentesque imperdiet felis congue turpis porttitor, quis mollis quam viverra.
     Ut placerat mauris sit amet ante dictum, non tempor turpis gravida. Donec euismod, 
     purus quis rutrum facilisis, mi metus sodales quam, non egestas odio quam semper libero. 
     </div>
    </td>
    </tr>
    </tbody>

</table>

标签： htmlcssdjangoheroku

解决方案

推荐阅读