如何使内联元素超过长度不换行?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

如何使内联元素超过长度不换行?

知乎邀请栏里面有个这样的东东,头像和名字都是内联元素,而名字超过长度了还没有换行,我想知道它如何实现的,我找了一个多小时,把相关的属性都试了试,但始终还是会换行,想请教一下大家。
screenshot
无意中解决了。
是white-space:nowrap;的问题,之前没有加到父元素上导致出错。之前以为这个是加到子元素上的,犯错了,谢谢大家

展开
收起
a123456678 2016-05-27 14:26:43 2645 0
1 条回答
写回答
取消 提交回答
  • a123456678

    看见你回复了上一个答案又来了………………

    使用属性

    p {
        white-space: nowrap;/* 阻止换行 */
        text-overflow: ellipsis;/* 溢出部分使用省略号代替 */
        overflow: hidden;/* 这个刚才忘记了…… */
    }
    你的图片和文字需要都是inline元素。
    
    父元素也要定宽才好
    
    推荐
    
    img, a {
        display: inline-block;
        vertical-align: middle;
    }
    2019-07-17 19:17:48
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载