text-overflow样式属性值ellipsis的使用方法

一、div标签中使用text-overflow样式属性值ellipsis的方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>div标签中使用text-overflow样式属性值ellipsis的方法</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/></head><body><div style="width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:1px solid #336699;">有志气者不会甘居下游，有见识者不敢自满自足，有恒心者断无不成之事！</div></body>
</html>

二、table标签子标签td标签中使用text-overflow样式属性值ellipsis的方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>table标签子标签td标签中使用text-overflow样式属性值ellipsis的方法</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/></head><body><table cellSpacing="0" cellpadding="1" width="456" border="1" style="table-layout:fixed;"><tr><td style="text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2px;">有志气者不会甘居下游，有见识者不敢自满自足，有恒心者断无不成之事！</td></tr></table></body>
</html>

说明：代码二中的例子在某些浏览器（比如：Opera浏览器）中是达不到相应的效果的。

text-overflow样式属性值ellipsis的使用方法相关推荐

css样式属性值无效问题
我出现的问题是单位写错导致css样式属性值无效,如图所示,倾斜度单位是deg而不是dep,原因:对此单位不熟悉: 经过看其他人文章发现还有可能出现以下问题: 1.css写属性值,一个标签的中括号后面加 ...
java高级反射（一），通过反射批量修改属性值set，get方法 Field，对属性值进行统一操作
通过反射批量修改属性值set,get方法 Field 需求说明:对接一个系统,对方系统要求每个字段value值加密,加密方法为WebAppAESUtil.encrypt,做之前就想做一个对属性统一操作 ...
html5 text overflow,text-overflow属性怎么用
text-overflow属性用于指定当文本溢出包含它的元素时,应该发生的事情. CSS3 text-overflow属性作用:text-overflow 属性规定当文本溢出包含元素时发生的事情. ...
overflow的属性值说明
overflow属性规定当内容溢出元素框时发生的事情. 取值 visible(默认) 内容不会被修剪,会呈现在元素框外. hidden:内容会被修剪,并且其余内容是不可见的. scroll:内容会被修 ...
学前端开发技术，CSS的文本样式属性值
一.如何入门,学习建议在你开始入手学习前,有一些小的建议.根据我自己学习的经验发现,这些建议在现在乃至我以后的岗位生涯里都是有很大帮助的.还有就是开始学习前,建议可以先花几天时间,查找一些如何入门的 ...
python修改类的属性值_python 四种方法修改类变量，实例对象调用类方法改变类属性的值，类对象调用类方法改变类属性的值，调用实例方法改变类属性的值，直接修改类属性的值...
三种方法修改类变量,实例对象调用类方法改变类属性的值,类对象调用类方法改变类属性的值,调用实例方法改变类属性的值,类名就是类对象,city就是类变量, #coding=utf-8 class empl ...
js如何删除html元素的属性值,javascript 三种方法实现获得和设置以及移除元素属性...
以下面的html为例百度 1.通过HTMLElement类型(对象)的属性获得和设置元素特性 var div = document.getElementById("myDiv") ...
ajax 返回数组某个属性值,js中sort方法根据数组中对象的某一个属性值进行排序...
1.一维数组排序 timeList=['2017-10-05','2017-10-01','2017-10-03','2017-10-02','2017-10-09']; timeList.sort( ...
前端JavaScript DOM BOM 自学复盘 D1（DOM-获取DOM元素、修改HTML标签/表单/css样式属性、定时器-间歇函数）
内容概要 1. Web API 基本认知 1.1. 作用和分类 1.2. 什么是DOM 1.3. DOM作用 1.4 DOM树 1.4.1. DOM树是什么? 1.4.2. DOM 树的作用 1.5 ...
js获取css属性值的方法
js操作获取dom元素的样式属性值 obj.style: 它只能够获取通过style设置的元素CSS属性值: 在html标签内通过style设置行内属性通过.dom.style.width=&quo ...

text-overflow样式属性值ellipsis的使用方法

text-overflow样式属性值ellipsis的使用方法相关推荐

最新文章

热门文章