div隐藏,显示省略号问题 10
有个div我设置class为3.NoteBox{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;wid...
有个div我设置class为3
.NoteBox {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:182px;
float:left;
margin-left:15px;
text-align:center;
}
可以正常显示省略号,
但是我通过jquery appand一个div进去的时候,引用这个class,省略号就不显示了。请问是什么问题呢?或者我的css应该换成怎么写呢?请各位大神指教。
appand代码:
$("#Detail").append('<div class="DaiLi"><div class="DetailBox">'+PaiXu[v][0]+'</div><div class="DetailBox">'+PaiXu[v][1]+'</div><div class="DetailBox">'+PaiXu[v][2]+'</div><div class="DetailBox">'+PaiXu[v][3]+'</div><div class="NoteBox">'+PaiXu[v][4]+'</div></div>') 展开
.NoteBox {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:182px;
float:left;
margin-left:15px;
text-align:center;
}
可以正常显示省略号,
但是我通过jquery appand一个div进去的时候,引用这个class,省略号就不显示了。请问是什么问题呢?或者我的css应该换成怎么写呢?请各位大神指教。
appand代码:
$("#Detail").append('<div class="DaiLi"><div class="DetailBox">'+PaiXu[v][0]+'</div><div class="DetailBox">'+PaiXu[v][1]+'</div><div class="DetailBox">'+PaiXu[v][2]+'</div><div class="DetailBox">'+PaiXu[v][3]+'</div><div class="NoteBox">'+PaiXu[v][4]+'</div></div>') 展开
2个回答
展开全部
我用你的代码,测试了一下,没有问题。用了chrome和IE9,省略号都有显示。下面是我写的html代码。
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<style>
.noteBox {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 182px;
float: left;
margin-left: 15px;
text-align: center;
}
</style>
<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#detail").append('<div class="DaiLi"><div class="DetailBox">'+1
+'</div><div class="DetailBox">'+2
+'</div><div class="DetailBox">'+3
+'</div><div class="DetailBox">'+4
+'</div><div class="NoteBox">'+5+'</div></div>');
});
</script>
</head>
<body>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="detail" class="noteBox">测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据
测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据 测试数据测试数据测试数据测试数据测试数据
测试数据测试数据测试数据测试数据测试数据</div>
</body>
显示效果如下图所示:
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询