overflow-x: auto 属性

当文本长度超出之后  overflow-x: auto 属性自动产生横向滚动条

 

<template>
  <div class="content-container">
    <title-bar titleName="案例详情">
      <template slot="tool">
        <span class="tool">
          <el-button @click="back" class="el-button-reset">返回</el-button>
          <el-button @click="deleteData" class="el-button-reset">删除</el-button>
          <el-button type="primary" @click="editCase" class="el-button-reset">修改</el-button>
        </span>
      </template>
    </title-bar>
    <div class="content-list">
      <div class="content-list-headline" >
        <p>{
  {details.title}}</p>
        <div style="margin-top: 30px;">
            <span >{
  {details.appName}}</span><span>{
  {details.updateDate}}</span>
        </div>
      </div>
      <div >
          <img class="imag-class" id="logoImg" @click="openPhotoSwipe(0, [logo