本文作者:问几许

CSS - 一些CSS的疑难杂症

问几许 3年前 ( 2019-08-30 ) 1356 抢沙发
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;
}


文章版权及转载声明

作者:问几许本文地址:https://wenjixu.com/blog/131.html发布于 3年前 ( 2019-08-30 )
文章转载或复制请以超链接形式并注明出处问几许

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,1356人围观)参与讨论

还没有评论,来说两句吧...