css限制字符串长度中两个div平行问题

最新推荐文章于 2024-02-29 16:47:09 发布

原创最新推荐文章于 2024-02-29 16:47:09 发布 · 275 阅读

1 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用CSS的float属性实现两个div元素并排显示，并通过设置宽度及文本溢出样式来处理长字符串在div中的显示效果。

用css限制字符串，只能在div中，不能在span中，然后div默认是不平行的

------------------------------------------------------------------------------------

两个div如何平行，只需要使用style 里的float属性

一个 style"float:left" ，另一个style"float:right" 就可以了

<style type="text/css">
.cutLen{
    width:280px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    float: left;
}
</style>


 <div class="cutLen">
      发生大发撒撒的发生发色发是是飞洒发发生飞洒发安抚撒发生费撒发萨芬萨芬撒发萨芬萨芬撒发生
    </div>
    <div style="float:  right;">
    	hello world
    </div>