Authored by 李奇

优化部分溢出显示

@@ -92,6 +92,10 @@ @@ -92,6 +92,10 @@
92 width: 280px; 92 width: 280px;
93 color: #444; 93 color: #444;
94 margin-left: 20px; 94 margin-left: 20px;
  95 + display: inline-block;
  96 + overflow: hidden;
  97 + text-overflow: ellipsis;
  98 + white-space: nowrap;
95 } 99 }
96 100
97 .middle { 101 .middle {
@@ -138,6 +142,11 @@ @@ -138,6 +142,11 @@
138 line-height: 120px; 142 line-height: 120px;
139 vertical-align: top; 143 vertical-align: top;
140 margin-left: 18px; 144 margin-left: 18px;
  145 + overflow: hidden;
  146 + background-color: #fff;
  147 + text-overflow: ellipsis;
  148 + white-space: nowrap;
  149 + width: 200px;
141 } 150 }
142 151
143 .shop-detail { 152 .shop-detail {
@@ -224,12 +233,11 @@ @@ -224,12 +233,11 @@
224 margin-top: 14px; 233 margin-top: 14px;
225 margin-bottom: 14px; 234 margin-bottom: 14px;
226 flex-direction: row; 235 flex-direction: row;
227 - display: flex;  
228 - padding: 20px; 236 + padding: 16px;
229 } 237 }
230 238
231 .support-service-item { 239 .support-service-item {
232 - display: flex; 240 + display: inline-block;
233 align-items: center; 241 align-items: center;
234 flex-direction: row; 242 flex-direction: row;
235 padding-left: 15px; 243 padding-left: 15px;
@@ -240,6 +248,7 @@ @@ -240,6 +248,7 @@
240 height: 30px; 248 height: 30px;
241 display: inline-block; 249 display: inline-block;
242 overflow: hidden; 250 overflow: hidden;
  251 + vertical-align: text-bottom;
243 } 252 }
244 253
245 .support-service-title { 254 .support-service-title {