简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 动态加载 html 中 td标签 的css样式 不起作用
黄舟
黄舟 2017-04-10 17:41:47
0
5
1196


如上图：
在内联样式中加入：

overflow: hidden; text-overflow: ellipsis;

达到了多出的内容用...省略掉的效果，可是，贴到代码里,保存后，刷新页面，效果不见了。

可是，sources明明有这句的：

但是在html中依然是：
如图：

写成css类:

.learning-tasks{ height:30px; text-overflow: ellipsis; overflow: hidden; }

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

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

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

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

黄舟
黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

Antworte allen (5)
巴扎黑
巴扎黑2017-04-10 17:43:47 5 Etage

问题已解决。。。

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

'{@if it.detailTypeString == "OnlineCourse"}', '', '${it.objectName}', '', '{@/if}', '{@if it.detailTypeString == "OfflineCourse"}', '', '${it.objectName}', '', '{@/if}', '{@if it.detailTypeString == "OnlineExam"}', '{@if it.testing.conductStatus ==="进行中"}', '', '${it.objectName}', '', '{@/if}', '{@if it.testing.conductStatus !="进行中"}', '', '${it.objectName}', '', '{@/if}', '{@/if}', '{@if it.detailTypeString == "TrainingPlan"}', '', '${it.batch.batchName}', '', '{@/if}',
Wie+0
Antwort hinzufügen
    左手右手慢动作
    左手右手慢动作2017-04-10 17:43:47 4 Etage 
    white-space:nowrap

    呢

    Wie+0
    Antwort hinzufügen
      大家讲道理
      大家讲道理2017-04-10 17:43:47 3 Etage 
      text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
      Wie+0
      Antwort hinzufügen
        Peter_Zhu
        Peter_Zhu2017-04-10 17:43:47 2 Etage

        给table加一个table-layout:fixed;属性后，tr,td上的width属性才会生效。

        DEMO： http://codepen.io/CodingMonkeyzh/pen/PNWBXb?editors=1100

        Wie+0
        Antwort hinzufügen
          PHPzhong
          PHPzhong2017-04-10 17:43:47 1 Etage

          不要加在td上，把css加在td下面a下面的元素上，建议这样table>tr>td>a>p>*content*，将class加在content上级的p上

          Wie+0
          Antwort hinzufügen
            Beliebte Themen
            Mehr>
            Populäre Artikel
            Beliebte Tutorials
            Mehr>
            Verwandte Tutorials
            Beliebte Empfehlungen
            Aktuelle Kurse
            Neueste Downloads
            Mehr>
            Web-Effekte
            Quellcode der Website
            Website-Materialien
            Frontend-Vorlage
            Über uns Haftungsausschluss Sitemap
            Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！