div class=head span姓名 itemmanName span spanitemtimespan span 事件 itemalarmTypeTextspan span地点 itemaddrs

可以使用CSS中的display属性来控制元素的布局方式。通过将事件所在的<span>标签的display属性设置为block或inline-block，可以使其换行显示。

例如，可以将CSS样式设置如下：

.head span {
  display: block;
}

然后将包含事件的<span>标签添加对应的样式类名：

<div class="head">
  <span>姓名: {{ item.manName }}</span>
  <span>{{item.time}}</span>
  <span class="event">事件: {{item.alarmTypeText}}</span>
  <span>地点: {{item.addr}}</span>
</div>

这样，事件所在的<span>标签就会换行显示。