当内容超出最大的长度的时候，使用CSS使文本显示省略号

.description{
 height:17px;
 overflow:hidden;
 text-overflow:ellipsis;
 -webkit-text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 white-space:nowrap;
}

时间： 2024-10-24 14:14:48

当内容超出最大的长度的时候，使用CSS使文本显示省略号的相关文章

HTML超出文本显示省略号...通过text-overflow实现

HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法,其实很简单通过text-overflow便可实现,有需要的朋友可以参考下本文   需要对div或者span同时应用Css: 复制代码 代码如下: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 即可实现所想要得到的溢出文本显示省略号效果. 当然了你的页面元素要设置固定的宽度,超出了宽度才会显示.         注:更多精彩教程请关注三联网页设计教程 栏目,

CSS控制文字超出部分显示省略号方法

测试浏览器: IE6/7/8/9.opera12.02.firefox15.0.1.chrome  代码如下 复制代码 <p style="width:200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">省略我吧 省略我吧! 省略我吧!省略我! </p> 如果我们要给p标签定义text-overflow:ellipsis就可以这么写:  代码如下 复制代码 p {      

用css来实现标题内容超出长度范围自动省略,且有鼠标提示

很多时候,我们希望一些文字(比如网站首页新闻块的标题),在一行内显示,并且超出它的长度范围时,则加...省略,并且出现提示. 解决办法: 先看示例,,其中表格内左右两块内容完全相同.超出长度的自动省略了,并有提示.注意第二行,在左边,由于容器宽度不够,它是省略有提示的,在右边,由于宽度够,则它是普通模式.你还可以调整IE的"查看 >文字大小",调成不同的字大小看一看,刷新后再调几下. 这里是相关示例代码,你可以修改后运行:<style>#leftnewstd .ell

html中设置让div中的内容超出后自动显示滚动条

 在html页面中,我们有时需要让div中的内容超出后自动显示滚动条,我们可以这样设置: 代码如下: <div class="classlist"> <div class="autoScroll"> <asp:RadioButtonList ID="rblClasses" runat="server" DataTextField="className" DataValueFie

android webview内容超出屏幕宽度

问题描述 android webview内容超出屏幕宽度 我用webview的loaddatawithbaseurl加载html字符串,但是内容的宽度超出屏幕的宽度了,网上搜的setlayoutalgorithm方法没用啊!我想要的效果是内容最多只显示屏幕的宽度,多了就进入下一行,以上方法无效,4.4版本以上就不行了 解决方案 webview是可以滚动的 解决方案二: Android 获取WebView的内容宽度高度

布局-安卓界面内容超出了屏幕，怎么控制可以拖动查看界面内容。

问题描述 安卓界面内容超出了屏幕,怎么控制可以拖动查看界面内容. 如果只使用ListView就可以实现,无论ListView中的内容超出了屏幕多少,因为其自带一个滚动条可以看,但是怎么给布局也弄上一个,而且设置为不现实滚动条. 解决方案 scrollview 就可以了.设置属性,不显示滚动条. android:scrollbars=""none"" 解决方案二: 没怎么明白你表达的意思 解决方案三: 顶一楼回复,加个滚动条 解决方案四: 在你的布局外面套一个scro

怎么让设置了固定高度的div内容超出时，在ie6中不会自动撑开

问题描述 怎么让设置了固定高度的div内容超出时,在ie6中不会自动撑开 怎么让设置了固定高度的div内容超出时,在ie6中不会自动撑开 解决方案 为什么还要兼容ie6,现在浏览器基本上是ie7以上的了:你设置的高度是以什么为单位的像素还是百分比:如果是百分比的话,其会根据需要自动变化的: 可能你用的div+css还不太熟,所以布局设置不合理吧

html-HTML的动态宽度TD中的内容超出后隐藏

问题描述 HTML的动态宽度TD中的内容超出后隐藏 有没有办法让TD里的内容超出后隐藏.由于布局问题,表格的宽度是动态的,不能指定宽度.指定宽度的话网上能找到 简化后代码是这样的,我想让第四列内容过长自动隐藏,但是宽度必须是动态的 <table style=""width:50%"" border=""1""> <tr> <td style=""width:100px;&quo

html table中td内容超出显示...怎么实现

问题描述 html table中td内容超出显示...怎么实现,效果如下 解决方案 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>Untitled</title> <style type="text/css"> table { width:250px; table-layout:f