jquery - 物化.css |跨度的间距、标识和 'overriding'

Question

我正在使用 http://materializecss.com/对于我的元素，我还很陌生。

我侧边栏中的长文本导致换行符和奇怪的缩进之间有很大的空间。如何用css解决这个问题？这是一个代码笔，可以更好地理解这个问题: http://codepen.io/anon/pen/jVYqjx

到目前为止尝试修改它

.side-nav li > a {
float: left;
    line-height: 48px;
    margin: 0 5px 0 0;
    color: rgba(0, 0, 0, 0.54);
}

我也无法重建以下覆盖文本的问题

Answer 1

我不知道这是否是您正在寻找的答案，或者这是否符合您的需要，但您可以这样做:

<span class="truncate">A lot of Stuff and other StuffnThings</span>

materializecss 的 class="truncate" 将 overflow hidden 的内容，从而防止它覆盖下面的文本或造成大空间。