动态加载 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 4390 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

赞同展开评论打赏

问答分类：

前端开发 JavaScript

问答标签：

CSS html HTML CSS HTML样式 HTML标签 CSS动态加载

问答地址：

开发者社区 > 开发与运维 > 问答

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

相关课程

相关电子书

相关实验场景

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

相关课程

相关文章

相关电子书

相关实验场景

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