Question

我有一个Bootstrap项目，如果div为空，我想给出一条消息。我有一个面板标题和一个面板体，如果面板体中没有节点，我想要一条消息，例如“这里会添加一些东西”。

什么可能是一个好方法？我可以使用CSS或Javascript。

可以添加和删除面板主体的子节点，因此它可以再次变空。在javascript中一直检查这个对我来说听起来不太好，所以它必须是一个清空div的监听器，这可能吗？

一个好的CSS解决方案会更好。

Answer 1

使用一些CSS技巧，您可以在元素不包含子元素时显示消息。

example

ul {
    min-height: 50px;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul:before {
    content: 'No Results Found.';
    height: 50px;
    color: #ccc;
    font-weight: bold;
    text-align: center;
    position: absolute;
    width: 100%;
    line-height: 2em;
}

ul li {
    min-height: 50px;
    background: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: solid 1px #ccc;
    line-height: 2em;
}

Bootstrap空div占位符

1 个答案:

example