Materialize.css |间距,标识和覆盖'跨度

时间:2016-12-01 13:49:56

标签: jquery html css materialize

我使用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);
}

此外,我无法重建下面的覆盖文本问题 enter image description here

1 个答案:

答案 0 :(得分:1)

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

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

materializecss中的class="truncate"将隐藏溢出的内容,从而防止它覆盖下面的文本或导致大空格。