Angular如何换行文本答案

【问题标题】：Angular How Can I word wrap a textAngular如何换行文本
【发布时间】：2021-06-11 11:18:48
【问题描述】：

在我的代码中，我实现了一个带有事件的日历。有些日子的事件很长，除非我点击那个事件，否则我看不到全文。我试图应用自动换行，但它没有改变任何东西。我应该怎么做才能看到完整的活动？

HTML：

<div class="content" fusePerfectScrollbar [@animate]="{value:'*',params:{delay:'200ms',y:'50px'}}">
    <div [ngSwitch]="view">
        <mwl-calendar-week-view *ngSwitchCase="'week'" [viewDate]="viewDate" style="word-wrap: break-word"
            (viewDateChange)="selectedDay = {date:$event}" [events]="events" [refresh]="refresh"
            (dayClicked)="dayClicked($event.day)" hourSegments="2" dayStartHour="8" snapDraggedEvents="false"
            (eventClicked)="editEvent('edit', $event.event)" dayEndHour="18">
        </mwl-calendar-week-view>
    </div>
</div>

【问题讨论】：

如果你在你的组件模板中使用 bootstrap 试试这样 ".text-wrap"
这个文本应该裹。

标签： html css angular typescript word-wrap

【解决方案1】：

当您使用自定义组件时，如果没有演示很难查明问题，但我的猜测是文本的容器需要有white-space: normal，因为您似乎已经设置了overflow: hidden

【讨论】：