将文本换行到表格单元格内的新行

Question

我有一个可怕的 CSS 错误，它使文本内容出现在表格单元格之外。我创建了一个小提琴的问题。

我希望内容在表格单元格内显示为换行符或类似内容，但无论我尝试什么都不可能。我尝试更改width表格单元格的属性，但没有任何可能。我能对这个错误做些什么？

<td class="title-details">
  <a href="/social/group/infosys-scrum-team/event/uppfoljning-av-organisationsforandringen-2/" title="Klicka för att se alla detaljer">



    Uppföljning av organisationsförändringen - Avstämningspunkt på IT-ledningsmötet</a>
  <span class="title-details-short">

                                     <a href="/social/group/infosys-scrum-team/event/uppfoljning-av-organisationsforandringen-2/" title="Uppföljning av organisationsförändringen
    • Den ursprungliga tidplanen hade en uppföljningspunkt
    den 6 maj
    • Den stryks och fokus läggs på förändringsarbetet
    tillsammans med cheferna
    • Planerade uppföljningspunkter
    • 16/9 – Uppstartsaktivitet kopplat till
    organisationsförändringen
    • 25/11 – Avstämningspunkt på IT-ledningsmötet
    • 2/12 – Avstämningspunkt på ITA-mötet 2/12">...</a>

                                </span>
  <span class="title-details-long">Uppföljning av organisationsförändringen
    • Den ursprungliga tidplanen hade en uppföljningspunkt
    den 6 maj
    • Den stryks och fokus läggs på förändringsarbetet
    tillsammans med cheferna
    • Planerade uppföljningspunkter
    • 16/9 – Uppstartsaktivitet kopplat till
    organisationsförändringen
    • 25/11 – Avstämningspunkt på IT-ledningsmötet
    • 2/12 – Avstämningspunkt på ITA-mötet 2/12</span>
</td>

Answer 1

你有以下风格：

#events .event_search_table td {
    white-space: nowrap;
}

删除此内容，您的文本将换行

如果要保留此样式但不包装该特定列，请覆盖该样式：

#events .event_search_table td.title-details {
    white-space: normal;
}