开发者社区> 问答> 正文

动态加载 html 中 td标签 的css样式 不起作用

screenshot
如上图:
在内联样式中加入:

overflow: hidden;
text-overflow: ellipsis;

达到了多出的内容用...省略掉的效果,可是,贴到代码

里,保存后,刷新页面,效果不见了。

可是,sources明明有这句的:
screenshot
写成css类:

.learning-tasks{

height:30px;
text-overflow: ellipsis;
overflow: hidden;

}

仍然是sources里正确,html显示的还是第三幅图那个样子、、、、

请问,这是什么原因呢?为什么会这样呢?该如何改?

问题的关键是,在sources里是正确的,可是页面显示的时候,还是原来那样。

注:这个“我的学习”列表是js动态加载的,用的juicer模板语言。

展开
收起
杨冬芳 2016-06-08 17:01:04 4483 0
1 条回答
写回答
取消 提交回答
  • IT从业

    js动态加载时分了多种情况,而我只改了其中一种情况,应该把所有情况都改掉,如下:

    
                '{@if it.detailTypeString == "OnlineCourse"}',
                        '<td width="35%" class="learning-tasks">',   
                            '<a title="${it.objectName}"  class="aCss " style="color: #2073BF;width:100px" href="../../course/page/course-detail.html?id=${it.object_id}">${it.objectName}</a>',
                       '</td>',
                    '{@/if}',
                   
                    '{@if it.detailTypeString == "OfflineCourse"}',
                        '<td width="35%" class="learning-tasks">',   
                            '<a title="${it.objectName}"  class="aCss" style="color: #2073BF;width:100px" href="../../course/page/offline-detail.html?id=${it.object_id}" >${it.objectName}</a>',
                       '</td>',
                   '{@/if}',
                   
                    '{@if it.detailTypeString == "OnlineExam"}',
                     '{@if it.testing.conductStatus ==="进行中"}',
                     '<td width="35%" class="learning-tasks">',
                     '<a title="${it.objectName}" class="aCss" style="color: #2073BF;width:100px" href="../../exam/page/exam-proceed-detail.html?id=${it.object_id}">${it.objectName}</a>',
                      '</td>',
                      '{@/if}',
                     '{@if it.testing.conductStatus !="进行中"}',
                    '<td width="35%" class="learning-tasks">',
                           '<a title="${it.objectName}" class="aCss" style="color: #2073BF;width:100px" href="../../exam/page/exam-history-detail.html
    2019-07-17 19:32:20
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载