长文章图片小图居中问题

@@ -186,6 +186,11 @@ export default {
       let vm = this;
       let vm = this;
 
 
       this.$nextTick(() => {
       this.$nextTick(() => {
+        this.$refs.richText.querySelectorAll('p').forEach(ele => {
+          if (ele.querySelector('img')) {
+            ele.style.padding = 0;
+          }
+        });
         this.$refs.richText && this.$refs.richText.querySelectorAll('a').forEach(ele => {
         this.$refs.richText && this.$refs.richText.querySelectorAll('a').forEach(ele => {
           if (ele.querySelector('img')) {
           if (ele.querySelector('img')) {
             ele.classList.add('yoho-img-link');
             ele.classList.add('yoho-img-link');
@@ -256,7 +261,7 @@ export default {
 }
 }
 
 
 .article-context {
 .article-context {
-  padding: 30px;
+  padding: 30px 0;
 }
 }
 
 
 .context-title {
 .context-title {
@@ -281,6 +286,10 @@ export default {
     font-family: "PingFang SC", "HiraginoSansGB-W3", "SanFranciscoText-Regular", Helvetica, Roboto, "Heiti SC", "黑体", Arial, sans-serif !important;
     font-family: "PingFang SC", "HiraginoSansGB-W3", "SanFranciscoText-Regular", Helvetica, Roboto, "Heiti SC", "黑体", Arial, sans-serif !important;
   }
   }
 
 
+  & > * {
+    padding: 0 30px;
+  }
+
   h1,
   h1,
   h2,
   h2,
   h3 {
   h3 {
@@ -300,11 +309,9 @@ export default {
   }
   }
 
 
   img {
   img {
-    max-width: calc(100% + 60px) !important;
+    max-width: 100% !important;
     height: auto !important;
     height: auto !important;
     display: block;
     display: block;
-    position: relative;
-    left: -30px;
   }
   }
 
 
   p {
   p {