Edit in JSFiddle

.dl-horizontal {
  dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
  }
  dd {
    margin-left: 180px;
    
    &:after {
      content: '\200c'
    }
  }
}

<dl data-v-b662abde="" class="dl-horizontal"><dt data-v-b662abde="">通知状态</dt>
  <dd data-v-b662abde=""><span data-v-b662abde="">未通知</span></dd> <dt data-v-b662abde="">通知时间</dt>
  <dd data-v-b662abde="">
  </dd> <dt data-v-b662abde="">通知备注</dt>
  <dd data-v-b662abde=""></dd> <dt data-v-b662abde="">处理状态</dt>
  <dd data-v-b662abde=""><span data-v-b662abde="">已处理</span></dd> <dt data-v-b662abde="">处理方式</dt>
  <dd data-v-b662abde=""><span data-v-b662abde="">用户本人处理</span></dd> <dt data-v-b662abde="">处理时间</dt>
  <dd data-v-b662abde="">2017-08-11 15:49:03</dd> <dt data-v-b662abde="">处理人</dt>
  <dd data-v-b662abde="">啊啊啊</dd> <dt data-v-b662abde="">处理备注</dt>
  <dd data-v-b662abde="">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊的我我我我怕怕啊啊</dd>
</dl>