使用css 3实现 移动端 文本 点点的效果

{    width: 200px;    text-overflow: ellipsis;    /*white-space: nowrap;*/    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
时间： 2024-09-30 08:17:08

使用css 3实现 移动端 文本 点点的效果的相关文章

CSS如何实现禁止选中文本

CSS如何实现禁止选中文本:禁止文本被选中的目的一般是为了防止别人复制网站的内容,当然这些只能防住一些“善良”的朋友,只要有点web知识都能够轻易破解这些,不过咱们不管这些,只要客户有需要,程序员就必须要实现,下面是两端css样式代码,能够实现此功能,希望能够对需要的朋友带来一定的帮助.代码如下: div{ text-align:center; vertical-align:middle; height:39px; overflow:hidden; moz-user-select:-moz-no

CSS学习笔记：溢出文本省略（text-overflow）

原文:CSS学习笔记:溢出文本省略(text-overflow) 在CSS3中,text-overflow属性的基本语法如下: clip:表示不显示省略文本,简单的裁切. ellipsis:表示对象文本溢出时显示省略标记,省略标记插入的位置是最后一个字符. ellipsis-word:表示当对象文本溢出时显示省略标记,省略标记插入的位置是最后一个词(word). 实际上,text-overflow属性仅用于决定当文本溢出时是否显示省略标记,并不具备样式定义的功能,要实现溢出时产生省略号的效果,应

CSS基础（背景、文本、列表、表格、轮廓）

CSS 背景属性 属性 描述 background 简写属性,作用是将背景属性设置在一个声明中. background-attachment 背景图像是否固定或者随着页面的其余部分滚动. background-color 设置元素的背景颜色. background-image 把图像设置为背景. background-position 设置背景图像的起始位置. background-repeat 设置背景图像是否及如何重复. CSS 文本属性 属性 描述 color 设置文本颜色 directi

CSS控制TD内的文本超出指定宽度后不换行而用省略号代替

<style type="text/css"> .lineOverflow { width: 100px; border:#000 solid 1px; text-overflow: ellipsis; white-space: nowrap;/*禁止自动换行*/ overflow: hidden; } </style> <table style="table-layout:fixed; width: 200px;"> <t

css基础系列教程4:文本属性

CSS提供强大的针对文本控制能力,可以控制文本颜色上变化,文本的对齐,文本的缩进等一系内容.这一节课我们主要学习CSS如何控制文本 文字大小的设置font-size 通过这个属性我们可以设置文字的大小,可能取的值%,具体的像素也可以是EM 示例 <!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional

input文本框圆角效果代码实例

input文本框圆角效果代码实例:本章节分享一段代码实例,它实现了将input文本框设置为圆角的功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</tit

如何实现双击选中文本背景色自定义效果

如何实现双击选中文本背景色自定义效果:本章节介绍一下如何实现当双击选中一定区域的文本的时候,实现背景色自定义的效果.下面就通过代码实例做一下简单介绍: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <titl

jQuery智能截断指定长度的文本和提示效果

jQuery 智能截断指定长度的文本和提示效果,其实使用时候大可不必这样搞,CSS就能轻易实现这一功能,这里只是为了展现一下jquery的强大功能,学习jQuery的朋友可参阅.提示的功能是比较实用的,可有效提升你的网页用户体验,提醒一下:如果预览时提示有错误,可刷新一下页面,因为远程调用了jquery,实际使用时不会这样. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww

JS实用的带停顿的逐行文本循环滚动效果

<!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>JS实用的带停顿的逐行文本循环滚动效果丨k