Question

我试图在引导程序表列中找到一个无序列表，其类型为html，如

private List<MyClassType> getMyClassTypes(final String path) throws SVNException {

    final Collection<SVNDirEntry> svnDirectoryEntries = svnRepository.getDir(path, -1, null, (Collection<SVNDirEntry>) null);
    final Iterator<SVNDirEntry> svnDirectoryEntryIterator = svnDirectoryEntries.iterator();
    final List<MyClassType> myClassTypes = new ArrayList<>();

    while (svnDirectoryEntryIterator.hasNext()) {
        final SVNDirEntry entry = svnDirectoryEntryIterator.next();
        final String fileName = entry.getName();

        if (!path.isEmpty() && path.matches(SUB_DIRECTORY_NAME_PATTERN) && fileName.endsWith(".xml")) {                
            final MyClassType myClassType = new MyClassType(path, fileName);
            myClassTypes.add(myClassType);
        }

        /*
         * Check if the entry is a directory recursively.
         */
        if (someCondition) {
            getMyClassTypes((path.equals("")) ? entry.getName() : path + "/" + entry.getName());
        }
    }
    return myClassTypes;
}

我最终看起来像是

列表......另一个......

和ano ......

根据需要在<td> <ul class="mylist"> <li>A list item</li> <li>Another list item</li> <li>And another</li> </ul> </td>元素之间进行分隔，但不一定在每li

之后

我已经尝试使用li元素以及div和ul与上面的css

一起尝试

li

我最终得到的不是添加省略号，所以我有类似

的东西

列表项另一个列表项

另一个

我该如何解决这个问题？

Answer 1

我设法通过修改css并包含span元素来截断列表长度并在需要时添加省略号来解决它。

<td>
    <ul class="mylist">
        <li><span class="mylist-el-short">A list item</span></li>
        <li><span class="mylist-el-short">Another list item</span></li>
        <li><span class="mylist-el-short">And another</span></li>
    </ul>
</td>

ul.mylist {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.mylist li {
    display: inline;
    white-space: nowrap;
}

span.mylist-el-short {
    overflow: hidden;
    max-width: 4em;
    display: inline-block;
    text-overflow: ellipsis;
}

css包装容器中的表列非包装元素中的无序列表

1 个答案: