dengjie commit : 修改科学研究,学术交流,本科教育和研究生教育的响应式

src/views/index/components/undergraduate_and_graduate.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="undergraduate_and_graduate">
     <el-row>
-      <el-col :span="5">
+      <el-col :xs="1" :sm="1" :md="2" :lg="2" :xl="2">
         <div class="grid-content"></div>
       </el-col>
-      <el-col :span="14">
+      <el-col :xs="23" :sm="22" :md="20" :lg="20" :xl="20" >
         <el-row class="undergraduate_and_graduate_bgc">
           <el-col :span="12">
             <div class="undergraduate headline">
@@ -186,6 +186,11 @@ export default {
         font-weight: 500;
         color: #000000;
         line-height: 2.3rem;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box; //作为弹性伸缩盒子模型显示。
+        -webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+        -webkit-line-clamp: 1; //显示的行
       }
     }