getWeather({"success":"1","result":[{"cityno":"shanghai"}) 爱秀代码 - Powered by Discuz! Board
免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

标题: [已解决] 新会员数据调用里的会员名长度问题 [打印本页]
作者: 麻城生活网    时间: 2018-12-2 22:36     标题: 新会员数据调用里的会员名长度问题

本帖最后由 麻城生活网 于 2018-12-4 09:14 编辑

原爱秀社区新会员数据调用代码
  1. <style type="text/css">
  2. #huiyuan_img ul li:before{content:"";transform:rotate(60deg);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg)}
  3. #huiyuan_img ul li:after{content:"";transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg)}
  4. #huiyuan_img ul li img{border-radius:50%;border:2px solid #fff;box-shadow:1px 1px 0 0 rgba(0,0,0,.2);transition:1s;-webkit-transition:1s;-moz-transition:1s}
  5. #huiyuan_img ul li img:hover{-webkit-transform:rotate(360deg) scale(1.5);-moz-transform:rotate(360deg) scale(1.5);-ms-transform:rotate(360deg) scale(1.5);-o-transform:rotate(360deg) scale(1.5)}
  6. .wj1{float:left;margin:6px 0;width:15px;border:1px solid #DDD;text-align:center;display:inline;-moz-border-radius:2px}
  7. .wj2{float:left;margin:5px 0 0 0;width:5px}
  8. #huiyuan_img{float:left;width:66px}
  9. #huiyuan_img ul{text-align:center}
  10. </style>

  12. <div id="huiyuan" style="height:75px!important;">
  13. <div class="wj2"></div><div class="wj1">新会员</div>
  14. [node]
  15. <div id="huiyuan_img">
  16. <ul><li>{avatarsmall}</li><span>{member}</sapn></ul>
  17. </div>
  18. [/node]
  19. </div>
复制
安装到我的论坛效果
捕获.PNG

请问如何做到长会员名缩短限制，确保为一行显示？？？

图片附件: 捕获.PNG (2018-12-2 22:35, 91.73 KB) / 下载次数 1064
http://icode.258club.com/attachment.php?aid=700&k=179eb3a4723f8d24c12f521d508ea2e4&t=1714485764&sid=SeTTRs

作者: icode    时间: 2018-12-3 19:49

回复 1# 麻城生活网


    改一下#huiyuan_img ul 的css为
#huiyuan_img ul {
    text-align: center;
    overflow: hidden;
    width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
}



欢迎光临 爱秀代码 (http://icode.258club.com/) Powered by Discuz! 7.2