CSS - 一些CSS的疑难杂症

摘要： 字母间距word-spacing ==> 单词间隔letter-spacing ==> 字母/汉子间隔display:inl...

字母间距

word-spacing ==> 单词间隔
letter-spacing ==> 字母/汉子间隔

display:inline-block的间隙问题和解决办法

让水平间隙消失就是在父级上加 font-size: 0;

让垂直间隙消失，就在子元素上加 vertical-align: bottom;

如果子标签内加上任意文字，则 display:inline-block 元素不会生成垂直方向有空白

文本两行显示，超出省略号表示

// 两行
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

// 单行
{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}