新会员数据调用里的会员名长度问题
[i=s] 本帖最后由 麻城生活网 于 2018-12-4 09:14 编辑 [/i]原爱秀社区新会员数据调用代码[code]<style type="text/css">
#huiyuan_img ul li:before{content:"";transform:rotate(60deg);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg)}
#huiyuan_img ul li:after{content:"";transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg)}
#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}
#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)}
.wj1{float:left;margin:6px 0;width:15px;border:1px solid #DDD;text-align:center;display:inline;-moz-border-radius:2px}
.wj2{float:left;margin:5px 0 0 0;width:5px}
#huiyuan_img{float:left;width:66px}
#huiyuan_img ul{text-align:center}
</style>
<div id="huiyuan" style="height:75px!important;">
<div class="wj2"></div><div class="wj1">新会员</div>
[node]
<div id="huiyuan_img">
<ul><li>{avatarsmall}</li><span>{member}</sapn></ul>
</div>
[/node]
</div>[/code]安装到我的论坛效果
[attach]700[/attach]
请问如何做到长会员名缩短限制，确保为一行显示？？？ [b]回复 [url=http://icode.258club.com/redirect.php?goto=findpost&pid=38868&ptid=250]1#[/url] [i]麻城生活网[/i] [/b]
改一下#huiyuan_img ul 的css为
#huiyuan_img ul {
text-align: center;
overflow: hidden;
width: 60px;
text-overflow: ellipsis;
white-space: nowrap;
}
页:
[1]