如果左面字很多就变成这种情况了代码如下<li>
【<a href="#">新闻</a>】
<a href="#">
<span style="width: 240px;overflow: hidden">2016年11月17日全服临时维护结束公告dsdsdssws</span>
<span style="float: right;margin-right: 5px">2016-11-17</span></a></li>怎么隐藏起来呢
4 回答
已采纳
微积分2016
TA贡献53条经验 获得超69个赞
先不管结构，如果你只想隐藏多余文字的话，可以这么写
<style>
.test{
width:100px;
padding:10px;
border:1px solid #f00;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
</style>
<div class="test">测试文字测试文字测试文字测试文字测试文字</div>你可以用鼠标选中代码，放开鼠标后会弹出一个“运行代码”的绿色按钮，进行调试
杜发明
TA贡献202条经验 获得超301个赞
你问的都是c3的新属性，给你一个最完美的例子。可限定行数，多余部分可用"..."来省略（属性前面带-的要注意，为了浏览器兼容一般同步写四个）
text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
暗部_阪
TA贡献30条经验 获得超33个赞
限制宽度
例：
<style>.abcdefg{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:100px;}</style>
<p class="abcdefg">2016年11月17日全服临时维护结束公告dsdsdssws</p>
- 4 回答
- 0 关注
- 5215 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消