`

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

    博客分类:
  • css
 
阅读更多

用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>
分享到:
评论

相关推荐

    截取指定长度的字符串

    "截取指定长度的字符串"这个主题涉及到的是如何从一个字符串中提取出特定长度的部分。这在处理用户输入、数据展示、信息提取等多个场景中都非常常见。接下来,我们将深入探讨这个知识点。 首先,让我们明确什么是...

    CSS截取字符串

    利用CSS截取字符串,更好的优化系统,节约资源,避免不必要的错误

    strclass一个微小的库将CSS类作为字符串应用于对象

    `strclass` 是一个轻量级的JavaScript库,专为方便地将CSS类名作为字符串应用到DOM元素上而设计。这个库的核心功能是帮助开发者更高效、更简洁地管理DOM元素的样式类,尤其在处理动态变化的CSS类时,它能提供便利的...

    css截取字符串简单实例

    复制代码代码如下: &lt;... &lt;head&gt; &lt;... &lt;ul&gt; &lt;li&gt;css截取字符串 css截取字符串css截取字符串css截取字符串&lt;/li&gt; &lt;li&gt;css截取字符串 css截取字符串 css截取字符串 css截取字符串&lt;/li&gt; &lt;li&gt;css截

    div+css例子 div+css例子

    div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...

    js如何判断输入字符串长度

    js判断输入字符串长度(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证。 废话不多说上代码: &lt;html&gt; &lt;head&gt; &lt;title&gt;js判断输入...

    用CSS截断字符串的两种实用方法

    CSS(层叠样式表)提供了一些方法来实现这一需求,本文将详细介绍两种实用的CSS截断字符串的方法。 方法一利用CSS的`overflow`, `text-overflow` 和 `white-space` 属性。首先,设置一个固定宽度的容器,例如300px...

    JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)

    js判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证。 废话不多说上代码: &lt;html&gt; &lt;head&gt; &lt;title&gt;js...

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中,“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果:当鼠标悬停在一个div上时,另一个关联的div会显示出来,同时其他无关的div保持隐藏状态。这种效果在创建导航...

    div+css手册

    这个手册的核心聚焦在HTML中的`div`元素和CSS(层叠样式表)的结合使用上,旨在帮助读者理解和掌握如何通过这两种技术构建高效、灵活且美观的网页布局。 `div`元素,全称是division,是HTML中的一个块级元素,通常...

    insert-css, 在 &lt;head&gt; 中插入一个css字符串.zip

    insert-css, 在 &lt;head&gt; 中插入一个css字符串 插入 css在 &lt;head&gt; 中插入一个css字符串 示例 var insertCss = require('insert-css'); var styleElement = insertCss('body

    jQuery截取指定长度字符串代码

    标题所提到的"jQuery截取指定长度字符串代码"实际上是一个JavaScript插件方法,它扩展了jQuery的核心功能,允许开发者便捷地限制DOM元素(如`&lt;div&gt;`)中文本内容的显示长度。以下是对这段代码的详细解析: 首先,...

    中文网站div+css

    “div+css”这个标签明确地告诉我们,内容将聚焦于这两个核心概念。Div是HTML中的一个块级元素,常用于组织页面结构,而CSS则是用于定义这些元素外观和位置的样式语言。理解并熟练运用Div+CSS,可以实现高效、灵活且...

    div+css布局制作箭头步骤流程样式 - div+css教程

    1. 创建一个`div`元素,为其设置宽度和高度,通常这两个值相等,以形成一个正方形。 2. 接着,设置边框颜色。通常,我们需要两个相对的边框颜色相同,另外两个不同,以形成箭头尖端的效果。 3. 使用`border-width`...

    C# 根据字符串生成二维码的实例代码

    这个页面包含了三个输入字段:字符串、宽度和高度,以及一个提交按钮。当用户点击提交按钮时,会发送一个AJAX请求到`QRcode`方法,然后将结果显示在`result` div中。如果二维码生成成功,还会弹出一个提示框告知用户...

    485通讯中文工具js vbs 字符串截取 进制转换 按钮提交 div表格asp等

    本文将围绕“485通讯中文工具”这一主题,结合JavaScript(js)和Visual Basic Script(vbs)技术,讨论字符串处理、进制转换以及网页交互设计中的关键知识点。 1. **485通讯与16进制转换**: - 485通讯通常用于...

    经典DIV+CSS模板 经典DIV+CSS模板

    描述中的关键词如"div+css"、"web标准"、"div+css布局"、"div+css实例"、"div+css模板"揭示了这些模板遵循Web开发的最佳实践,旨在实现结构与表现的分离,提高网页的可维护性和可访问性。Web标准通常指的是W3C制定的...

    Div+CSS层完美实现拖拽特效

    在网页设计中,Div+CSS布局是现代网页开发的基础,它允许我们通过CSS来控制页面元素的样式,而Div作为HTML中的一个块级元素,常用于构建页面结构。本篇文章将详细探讨如何利用Div+CSS技术实现完美的层拖拽特效,这种...

Global site tag (gtag.js) - Google Analytics