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>')
展开
 我来答
o卡卡西老师o
2015-06-11 · 超过50用户采纳过TA的回答
知道小有建树答主
回答量:69
采纳率:100%
帮助的人:79.9万
展开全部

我用你的代码,测试了一下,没有问题。用了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>

显示效果如下图所示:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lyz810
2015-06-01 · 知道合伙人互联网行家
lyz810
知道合伙人互联网行家
采纳数:7531 获赞数:31779
前端开发工程师

向TA提问 私信TA
展开全部
在chrome中用F12看一下NoteBox的样式
可能是有其他优先级高的样式覆盖了
追问
但是在同一级的div下,也有个div中的class是NoteBox,它就可以显示省略号,和隐藏,如果是覆盖了的话,同一级别下的div应该显示是一样的才对啊.
追答
先用浏览器调试一下看看,单看css是没有问题的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式