css布局：使无法设置固定宽度div的字数超长使用省略号显示

最新推荐文章于 2023-04-12 11:40:31 发布

weixin_30379911

最新推荐文章于 2023-04-12 11:40:31 发布

阅读量554

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/litterjoan/articles/5527745.html

本文介绍如何在右侧div无法设置固定宽度时，使用省略号显示超出的文字，提供HTML样式解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.listLi li {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px;
    float: left;
    position: relative;
}

.apply-info-title {
    width: 95px;
    line-height: 24px;
    float: left;
}
.apply-info-value {
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    line-height: 24px;
}

当右侧div 无法设置固定宽度，但要求使用省略号显示超出的文字　　

转载于:https://www.cnblogs.com/litterjoan/articles/5527745.html