数码资讯
使用CSS截取字符的几种方法(CSS排版隐藏溢出文本)
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
方法1:
复制代码代码如下所示:
任意长度的字符串
注:内容优势可以任意HTML元素,包括超链接和图片,IE6会自动显示在最后省略号。缺点是宽度值必须被指定,和宽度不能百分比,否则对字符总长度的百分比将考虑在IE。
方法二:
复制代码代码如下所示:
说明:优点是宽度可以设置为百分比,但缺点是内容只能是纯文本,没有超链接等。
CSS截断字符串CSS是自动文本截断,代码如下:
复制代码代码如下所示:
div.test {
宽度:200px;
身高:14px;
溢出:隐藏;
白色的空间:不换行;
文本溢出:省略号;
文本溢出:省略号
- MS文本溢出:省略号;
- o-text-overflow:省略歌剧; / * * /
-moz-binding:URL(省略。XML #省略); / * * /火狐
}
关键是文本溢出,其语法如下:
复制代码代码如下所示:
文字溢出:剪辑省略|
剪辑:而不是显示省略标记(…),这是一个简单的削减。
省略号:当一个对象溢出内部文本时显示省略号标记(…)
值得注意的是,这个属性是献给伊江的!然而,它不仅是即可用。虽然标签是不好的表现是公开的,它包含在许多浏览器的私有财产。文本溢出的单独使用是没有用的,必须有空格:nowrap;溢出:隐藏的;这两句话的前一句的组合。功能是迫使所有的文本将显示在同一行到文本或对象的BR遭遇结束。
不难看出使用文本溢出的最佳地方不是文章的文本,而是一行标题或摘要的列表。
Grammar:
复制代码代码如下所示:
白色空间:正常前| | nowrap
价值:
复制代码代码如下所示:
正常:默认值。默认的处理方法。文本自动处理该行。如果到达容器边界内容将进入下一行。
预:线和其他空白字符将被保护。这个值需要IE6 +或!DOCTYPE声明的标准兼容模式的支持。如果DOCTYPE声明没有指定标准兼容模式,可以使用此属性,但它不工作。结果是相当正常的。参考前置对象
Nowrap:强制是强制显示所有的文本在同一行到文本或对象的BR遭遇结束。参阅nowrap属性
解释uff1a
在对象中设置或检索空间字符的过程。
空间特征,如行、空格和制表符,在HTML文档中被忽略。当此属性设置为正常或不换行,你可以添加一个命名实体,不改变空间和添加一个Br元素线空间。这个属性影响你使用文档对象模型的内容(DOM)的操作以及对IE显示内容的影响。
此属性作用于块对象。
此属性currentstyle对象是只读的。其他的对象,它是可读写的。
对应的脚本特性是空白。
复制代码代码如下所示:
任意长度的字符串
注:内容优势可以任意HTML元素,包括超链接和图片,IE6会自动显示在最后省略号。缺点是宽度值必须被指定,和宽度不能百分比,否则对字符总长度的百分比将考虑在IE。
方法二:
复制代码代码如下所示:
说明:优点是宽度可以设置为百分比,但缺点是内容只能是纯文本,没有超链接等。
CSS截断字符串CSS是自动文本截断,代码如下:
复制代码代码如下所示:
div.test {
宽度:200px;
身高:14px;
溢出:隐藏;
白色的空间:不换行;
文本溢出:省略号;
文本溢出:省略号
- MS文本溢出:省略号;
- o-text-overflow:省略歌剧; / * * /
-moz-binding:URL(省略。XML #省略); / * * /火狐
}
关键是文本溢出,其语法如下:
复制代码代码如下所示:
文字溢出:剪辑省略|
剪辑:而不是显示省略标记(…),这是一个简单的削减。
省略号:当一个对象溢出内部文本时显示省略号标记(…)
值得注意的是,这个属性是献给伊江的!然而,它不仅是即可用。虽然标签是不好的表现是公开的,它包含在许多浏览器的私有财产。文本溢出的单独使用是没有用的,必须有空格:nowrap;溢出:隐藏的;这两句话的前一句的组合。功能是迫使所有的文本将显示在同一行到文本或对象的BR遭遇结束。
不难看出使用文本溢出的最佳地方不是文章的文本,而是一行标题或摘要的列表。
Grammar:
复制代码代码如下所示:
白色空间:正常前| | nowrap
价值:
复制代码代码如下所示:
正常:默认值。默认的处理方法。文本自动处理该行。如果到达容器边界内容将进入下一行。
预:线和其他空白字符将被保护。这个值需要IE6 +或!DOCTYPE声明的标准兼容模式的支持。如果DOCTYPE声明没有指定标准兼容模式,可以使用此属性,但它不工作。结果是相当正常的。参考前置对象
Nowrap:强制是强制显示所有的文本在同一行到文本或对象的BR遭遇结束。参阅nowrap属性
解释uff1a
在对象中设置或检索空间字符的过程。
空间特征,如行、空格和制表符,在HTML文档中被忽略。当此属性设置为正常或不换行,你可以添加一个命名实体,不改变空间和添加一个Br元素线空间。这个属性影响你使用文档对象模型的内容(DOM)的操作以及对IE显示内容的影响。
此属性作用于块对象。
此属性currentstyle对象是只读的。其他的对象,它是可读写的。
对应的脚本特性是空白。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。