HTML代码放在微信公众号里面就变形了,麻烦帮忙看看,多谢大家!

chenou851123 2015-04-29 12:20:02
HTML 效果和代码如下



<fieldset class="comment_quote" style="margin: 0px; padding: 5px; max-width: 100%; min-width: 0px; color: rgb(0,0,0); font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', ΢ÈíÑźÚ, Arial, sans-serif; font-size: 15px; line-height: 24px; white-space: normal; background-color: rgb(255, 255, 255); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border: 1px solid rgb(0,0,0); box-sizing: border-box !important; word-wrap: break-word !important;">
<legend style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;">
<span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(0,0,0); font-family: Arial, Helvetica, sans-serif; font-size: 14px; box-sizing: border-box !important; word-wrap: break-word !important;"><strong style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(0,0,0); box-sizing: border-box !important; word-wrap: break-word !important;"><span style="margin: 0px 8px 0px 0px; padding: 3px 10px; max-width: 100%; color: rgb(255, 255, 255); background-color: rgb(0,0,0); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-sizing: border-box !important; word-wrap: break-word !important;">华商欧格</span></strong><span style="margin: 0px; padding: 0px; max-width: 100%; font-size: 12px;"><strong style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(0,0,0); box-sizing: border-box !important; word-wrap: break-word !important;">微信号:  </span><span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(255, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; box-sizing: border-box !important; word-wrap: break-word !important;"><strong style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(165, 165, 165); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; white-space: normal; background-color: rgb(255, 255, 255); box-sizing: border-box !important; word-wrap: break-word !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(255, 51, 153); box-sizing: border-box !important; word-wrap: break-word !important;">szhsog</span></strong></span></strong></span></span> 
</legend><span style="margin: 0px; padding: 0px; max-width: 100%; font-size: 12px; line-height: 12px; color: rgb(0,0,0); overflow: hidden; box-sizing: border-box !important; word-wrap: break-word !important;">华商欧格(szhsog)汇集清华、北大名商学院创业故事、心得,个人学习、成长,企业发展、战略、营销等最新最顶级智慧,每天5分钟,为您奉上思想的饕餮大餐。<span style="margin: 0px; padding: 0px; max-width: 100%; font-size: 12px; line-height: 12px; color: rgb(247, 150, 70); overflow: hidden;">(<span style="margin: 0px; padding: 0px; max-width: 100%; font-size: 12px; line-height: 12px; overflow: hidden;">如</span>果您尚未关注我们,可以点击标题下方的“<strong><span style="margin: 0px; padding: 0px; max-width: 100%; font-size: 12px; line-height: 12px; color: rgb(79, 129, 189); overflow: hidden; box-sizing: border-box !important; word-wrap: break-word !important;">华商欧格</span></strong>”关注我们,知识改变命运!</span><span style="margin: 0px; padding: 0px; max-width: 100%; font-size: 12px; line-height: 12px; color: rgb(247, 150, 70); overflow: hidden;">)</span></span>
</fieldset>
<hr style="margin: 1em 0px; padding: 0px; max-width: 100%; color: rgb(0,0,0); font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', ΢ÈíÑźÚ, Arial, sans-serif; font-size: 15px; line-height: 24px; white-space: normal; border-right-width: 0px; background-color: rgb(255, 255, 255); border-top-color: rgb(234, 234, 234); border-top-style: solid; border-bottom-width: 0px; height: 1px; border-left-width: 0px; box-sizing: border-box !important; word-wrap: break-word !important;"/>
<p style="padding: 0px; max-width: 100%; color: rgb(62, 62, 62); font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', ΢ÈíÑźÚ, Arial, sans-serif; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255); box-sizing: border-box !important; word-wrap: break-word !important;">
<br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;"/>
</p>



放在公司微信公众平台里面就变成这样了,麻烦帮解决下,看了半天也找不到原因,帮下谢谢!


失败效果地址:http://mp.weixin.qq.com/s?__biz=MzA5NTMwMDM2OQ==&mid=204755039&idx=1&sn=ff2988cda36c42c4bd86a80d69577174#rd
...全文
879 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
robin-lee 2015-04-30
  • 打赏
  • 举报
回复
这和你的代码没关系,是腾讯这类模板页面并支持或相冲突的原因造成的。不是你一个人有这样的问题。 现在的处理方法一般会圆角方块做成图片效果展示。
滴滴月空雨 2015-04-30
  • 打赏
  • 举报
回复
整个逻辑太乱,, 1、大的div设置圆边框border:1px solid #000; border-radius:6px; position:relative ; 2、 然后再设置“华商哦格-微信号***”的div position:absolute; top:*; left:*; background-color:#fff; 其他的自己慢慢调一下,这样就可以了

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧