Question

我正在尝试显示由obj = { "mData": "fromWhom", "width": "6%", "render": function (data, type, full, meta) { var string = '<th check-all="check-all">'; if(isRead) { string += '<div style="border-left:3px solid skyblue;height:76px;float:left">'; } string += '</div><div data-toggle="tooltip" data-title="Check All" class="checkbox c-checkbox" style="margin-left:15px;margin-top:5px;border-left-color:red"><label><input type="checkbox" name="checkbox" class="checkbox"/><span class="fa fa-check conv-table-checkbox"></span></label></div></th>'; return string; } };标记构成的表格。并且需要其内容一个接一个地显示。这是我的代码

CSS

<ul>

HTML

.activity-list-header > li {
    display: inline-block;
    text-align: left;
    width: 15.666%;
    list-style: outside none none;
}

.activity-list-body > li {
    display: inline-block;
    text-align: left;
    width: 15.666%;
    list-style: outside none none;
}

我的问题是我需要连续显示所有内容，但这不会发生，因为最后两个<div> <ul class="activity-list-header"> <li>Activity</li> <li>Session</li> <li>Rate Type</li> <li>Rate</li> <li>Qty</li> <li>Select</li> </ul> <ul class="activity-list-body activity-list-body-1"> <li>Activity name</li> <li>Session name</li> <li>Rate Type name</li> <li>Rate name</li> <one-rate activity="activity" selected-date="selectedDate" > <li>Qty name</li> <li>Select name</li> </one-rate> </ul> <ul class="activity-list-body activity-list-body-1"> <li>Activity name</li> <li>Session name</li> <li>Rate Type name</li> <li>Rate name</li> <one-rate activity="activity" selected-date="selectedDate" > <li>Qty name</li> <li>Select name</li> </one-rate> </ul> </div>包含在AngularJS中使用的<li>中。我知道除了使用<one-rate>之外包装<li>是错误的。我需要知道解决这个问题而不改变给定的<ul>结构。

Here is my fiddle

Answer 1

首先，您的HTML代码无效：只有li个元素可以是ul的子代。没有自定义元素。

也就是说，Fx和Chrome似乎都没有受到这种困扰，并且仍然有一个解决你的样式问题的方法：将选择器.activity-list-body > li更改为.activity-list-body li（不要求li成为直接的孩子这个班级，只有后代），你的布局变得正确编辑2：如果你有子列表，那么它将无法开箱即用;你需要从这条规则中覆盖1到4个声明......
编辑：未在Saf或IE8-11 +

中测试

更新了小提琴：https://jsfiddle.net/e6kogq6z/1/

Answer 2

我创建了一个很长的解决方案，但接下来要做的就是删除＆gt;在.activity-list-body上的css＆gt;李让它工作。

显示表视图结构

2 个答案: