听雨轩

红衣

红衣 发表于 2023-2-5 18:55
老师，麻烦您看看，我底图离绿色内框左右如何实现零边距呢

想实现底图在绿色内框中全屏，就像您的那样

竹轩听雨

1. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
   
2. 但有件事我非常确定
   
3. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
   
4. 你是最好的女儿 请相信自己
   
5. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
   
6. <br><br><br>
   
7. </section>
   
8. <div align="center" >
   
9. <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="https://music.163.com/outchain/player?type=2&id=2016388265&auto=1&height=32"></iframe>
   
10. </div>
    
11. </section></section></section></section>
    
12. <section class="_135editor">
    
13. <section style="text-align:center; margin-top: -80px;" align="center">
    
14. <img src="https://img.wyc520.com.cn/data/attachment/forum/202205/03/185750xyy38w00wjweryw5.png" style="box-sizing:border-box;vertical-align:inherit;width: 100%" />
    
15. </section>
    
16. </div>
    
17. <br><br>
    

复制代码

红衣

红衣 发表于 2023-2-5 19:09
想实现底图在绿色内框中全屏，就像您的那样

也用网易播放器

红衣

竹轩听雨 发表于 2023-2-5 19:10

好的，谢谢老师，我马上试试

竹轩听雨

1. <br><br>
   
2. <section class="_editor" style=" margin: 0px auto;width:660PX;">
   
3. <div class="item-content"><section style="padding:10px 0px;">
   
4. <br><section style="border: 1px dotted rgb(118,162,103);">
   
5. <section style="margin: -10px 8px; border: 1px dotted #A5DAAA; box-shadow: #A5DAAA 0px 0px 1px ; background-color: #F1F8E2;">
   
6. <section style="background-image: url('https://img.wyc520.com.cn/data/attachment/forum/202205/03/185739wc0pvp1150o0v0f0.png'); background-position: 0% 0%; background-repeat: no-repeat; box-sizing: border-box; text-align: center;background-size:100%;">
   
7. <section style="padding: 35px 0px 10px;">
   
8. <br/><br/><br/><br/><br/>
   
9. <section class="_editor">
   
10. <section class="_135editor">
    
11. <section style="margin: 10px auto;">
    
12. <br>
    
13. <section class="box-edit">
    
14. <section style="text-align: center;" hm_fix="438:195">   
    
15. </section>
    
16. <section style="padding: 0px 10px 10px; box-sizing: border-box;">
    
17. <section style="flex: 1;margin:0 5px 1em 5px;"></section>
    
18. <section class="_135editor" data-tools="135编辑器" data-id="104974" >
    
19.     <section style="text-align: center;margin: 5px 0 25px 0;">
    
20.         <section style="box-sizing:border-box;width: 70%;margin: auto;transform: rotate(-5deg)" data-width="65%">
    
21.             <section class="assistant" style="box-sizing:border-box;width: 100%;height: 1px;background: linear-gradient(to left,#BCBFBF 0%,rgba(254,254,254,0) 70%);" data-width="100%"></section>
    
22.             <section style="display: flex;">
    
23.                 <section style="display: flex;margin: 0 0 -8px 8px;">
    
24.                     <section class="assistant" style="box-sizing:border-box;width: 1px;height: 100%;background: linear-gradient(to top,#BCBFBF 0%,rgba(254,254,254,0) 70%);"></section>
    
25.                 </section>
    
26.                 <section style="margin: 10px;flex: 1;">
    
27.                     <section style="box-sizing:border-box;width: 100%;" data-width="100%">
    
28.                         <img style="box-sizing:border-box;width: 100%; display: block;" src="https://img.wyc520.com.cn/data/attachment/forum/202212/07/222430sl9f7fes96z6ris2.jpg" data-ratio="0.6699751861042184" data-w="403" hm_fix="332:489" data-width="100%"/>
    
29.                     </section>
    
30.                 </section>
    
31.                 <section style="display: flex;margin: -8px 8px 0 0;">
    
32.                     <section class="assistant" style="box-sizing:border-box;width: 1px;height: 100%;background: linear-gradient(to bottom,#BCBFBF 0%,rgba(254,254,254,0) 70%);"></section>
    
33.                 </section>
    
34.             </section>
    
35.             <section class="assistant" style="box-sizing:border-box;width: 100%;height: 1px;background: linear-gradient(to right,#BCBFBF 0%,rgba(254,254,254,0) 70%);" data-width="100%"></section>
    
36.         </section>
    
37.     </section>
    
38. </section>
    
39. <br>
    
40. <section style="text-align: center;margin: 10px auto;">
    
41. <section style="display: flex;justify-content: center;align-items: center;">
    
42. <section style="transform:rotate(0deg);box-sizing:border-box;border:1px solid #A6B78A;color:#9CAC80;border-radius:100% ;display: inline-block;padding:4px;margin-left: 6px;background: #EDF0D4;">
    
43. <section class="135brush" data-brushtype="text" style="box-sizing:border-box;width:40px;height:40px;color:#A6B78A;border-radius:100%;font-size:22px;line-height:40px;text-align: center;">
    
44. <strong>温</strong>
    
45. </section>
    
46. </section>
    
47. <section style="transform:rotate(0deg);box-sizing:border-box;border:1px solid #A6B78A;color:#A6B78A;border-radius:100% ;display: inline-block;padding:4px;margin-left: 6px;background: #A6B78A;margin-left: -6px;">
    
48. <section class="135brush" data-brushtype="text" style="box-sizing:border-box;width:40px;height:40px;background:#A6B78A;color:#fff;border-radius:100%;font-size:22px;line-height:40px;text-align: center;">
    
49. <strong>情</strong>
    
50. </section>
    
51. </section></section></section>
    
52. <section class="135brush" data-brushtype="text" style="font-size: 14px;line-height: 2.8em;color: #638264;text-align: center;">作曲｜钱雷　歌唱｜黄琦珊</section></section>
    
53. </section>
    
54. <section style="text-align:left; line-height: 1.8em; letter-spacing: 1.5px; margin-right: 0px; margin-left: 240px;">
    
55. <span style="color: #638264; font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
    
56. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
57. 亲爱的孩子
    
58. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
59. 我不知道自己做得够好吗
    
60. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
61. 我是第一次做妈妈
    
62. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
63. 尽管岁月已吹白我的头发
    
64. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
65. 送你上学第一天
    
66. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
67. 要你勇敢我却哭了
    
68. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
69. 后来你每回离家挥手说走啦
    
70. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
71. 当告别已变得轻松
    
72. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
73. 可我的心还会空
    
74. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
75. 亲爱的妈妈
    
76. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
77. 我不知道自己做得够好吗
    
78. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
79. 我是第一次做女儿
    
80. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
81. 可也是第一次来做我
    
82. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
83. 人长大不轻松
    
84. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
85. 我后来才知道
    
86. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
87. 孩子会穿过大雨
    
88. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
89. 去懂人间的道理
    
90. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
91. 我只能唠叨因为我已帮不上你了
    
92. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
93. 早上吃饭了吗
    
94. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
95. 按时睡觉了吗
    
96. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
97. 原谅我只懂这样参与你生活
    
98. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
    
99. 放手如果是一门功课
    
100. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
101. 妈妈一生没考过
     
102. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
103. 没有按时吃饭
     
104. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
105. 忙碌不是我的错
     
106. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
107. 如果让你知道却会令我很愧疚
     
108. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
109. 你的嘘寒问暖我知道是为我好的
     
110. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
111. 但又让我觉得我不曾被信任着
     
112. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
113. 请放心让我前往属于我的人生啊
     
114. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
115. 你那么勇敢善良我
     
116. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
117. 很像你就不怕
     
118. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
119. 我知道全知道
     
120. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
121. 可是我心疼啊
     
122. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
123. 我希望你被爱着
     
124. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
125. 我希望你要快乐
     
126. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
127. 我希望我的双手可以为你挡着风
     
128. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
129. 但有件事我非常确定
     
130. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
131. 你是最好的女儿 请相信自己
     
132. <section style="width:80%; border-top:dashed 1px #638264;margin-right: 0px; margin-left: -80px;"></section>
     
133. <br><br><br>
     
134. </section>
     
135. <div align="center" >
     
136. <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=260px height=50px src="https://music.163.com/outchain/player?type=2&id=2016388265&auto=1&height=32"></iframe>
     
137. </div>
     
138. </section></section></section></section>
     
139. <section class="_135editor">
     
140. <section style="text-align:center; margin-top: -80px;" align="center">
     
141. <img src="https://img.wyc520.com.cn/data/attachment/forum/202205/03/185750xyy38w00wjweryw5.png" style="box-sizing:border-box;vertical-align:inherit;width: 100%" />
     
142. </section>
     
143. </div>
     
144. <br><br>

复制代码

红衣

竹轩听雨 发表于 2023-2-5 19:30

辛苦听雨老师

红衣

竹轩听雨 发表于 2023-2-5 19:30

老师，您用的是啥模式，极速还是兼容呢

红衣

红衣 发表于 2023-2-5 19:34
辛苦听雨老师

加了的哒

红衣

红衣 发表于 2023-2-5 19:34
辛苦听雨老师

您可不可以用极速模式看看

红衣

红衣 发表于 2023-2-5 19:41
您可不可以用极速模式看看

有点奇怪，顶图都是正常显示，为啥底图就乱了呢