div 文字超长截取

CSS实现DIV超长截断，并显示...

DIV显示内容有时会超长,并把页面撑的很难看, 以前的做法是在JS中,或者后台判断其长度,过长就截断, 但由于中英文数字展示的宽度并不一样,截断的长度也就只能取最小值, 展示的效果也不好.利用CSS提供的方法,可以完美的解决该问题. .project-Name{ width:280px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } 这里宽度是必须定义的, overflow:hidden;表示超长部分不显示 tex

div文字超出

效果一:div文字超出处理 <div style="width:200px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border:1px solid #336699">试试看,前面一段我知道,加上...倒还真的不知道,看看效果</div> <p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" targ

PHP实现中文字串截取无乱码的方法

直接使用PHP函数substr截取中文字符可能会出现乱码,主要是substr可能硬生生的将一个中文字符“锯”成两半.解决办法: 1.使用mbstring扩展库的mb_substr截取就不会出现乱码了. 2.自己书写截取函数,但效率不如用mbstring扩展库来得高. 3.如果仅是为了输出截取的串,可用如下方式实现:substr($str, 0, 30).chr(0). ============================= substr()函数可以分割文字,但要分割的文字如果包括中文字符往往

PHP中实现中文字串截取无乱码的方法

[本文转自独占神林的日志:链接:http://yuninglovekefan.blog.sohu.com/176021361.html] 在PHP中,substr()函数截取带有中文字符串的话,可能会出现乱码,这是因为中西文一个字节所占有的字节数不一样,而substr的长度参数是按照字节去算的,在GB2312编码时,一个中文占2个字节,英文为1个字节,而在UTF-8编码当中,一个中文可能占有2个或3个字节,英文或半角标点占1字节. 直接使用PHP函数substr截取中文字符可能会出现乱码,主要是

DIV文字水平垂直居中的方法

水平居中 text-align:center 垂直居中(vertical-align) vertical-align:middle; vertical-align时而没效果然而真实使用的时候,我们会发现这个属性“时灵时不灵”,有些情况下我们加了这个属性之后仍然不见img或者text有任何的变化.那是因为vertical-align只作用在inline-block或者inline,还有table-cell等元素内.同时这两种还有有所不同.vertical-align并不是在高度内居中,而是对齐在

DIV 文字强制换行

一.对于div强制换行1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准.#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;} 2.(Firefox浏览器)white-space:normal; word-break:break-all;overflow:hidden; 同样的FF下也没有很好的实现方法,只能隐藏或者加

关于div文字点击编辑的插件

CSS 文字超长省略显示并隐藏超长部分

1.包含文字的元素必须是块级元素,不是块级元素使用display:block使其具有块级元素属性: 2.具备上述基本条件后,css样式如下: { display: block; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 如果包含在table的td元素内,td元素需要明确width的百分比,例如:width:20%;

文字超长隐藏为...ie7不兼容的解决办法

把li里的a设置display:block; 代码如下: html: <ul> <li><span>2014-8-27</span><a href="article.html" title="央行增加支农再贷款200亿利率可再降1个百分点">央行增加央行增加支农再贷款央行增加支农再贷款央行增加支农再贷款支农央行增加央行增加支农再贷款央行增加支农再贷款央行增加支农再贷款支农再贷款再贷款200亿利率可再降1

WPF TextBlock 文字超长截断并显示省略符号

<TextBlock x:Name=" FontSize="9pt" Margin="0 2 0 0 " VerticalAlignment="Center" Foreground="#b9b9b9" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility=&

Web--Utils

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Text.RegularExpressions; using System.Threading.Tasks; using System.Web; namespace Xima.FreamWork.Common.Web { public class Utils { /// <summary> ///

文字以及div水平垂直居中

文字以及div水平垂直居中.md <div class=”content”> <div class=”mydiv”> huangyingnin! </div></div> 文字居中水平居中text-align: center; .mydiv{ text-align: center;} 垂直居中 vertical-align: middle; .mydiv{ height:400px; text-align: center; vertical-align:

实现DIV层内的文字垂直居中(转)

有时候,为了网页设计的美观,需要把div+css设计的页面里的某些div层里的文字垂直居中,包括多行文字以及单行文字:方法有不少,但真正能实现而代码又简洁的介绍不多,flymorn就为大家介绍几种适用的div文字垂直居中的方法. 首先要知道css里vertical-align无效,W3C官方对vertical-align做了下面的解释: “ This property affects the vertical positioning inside a line box of the boxes

css文字样式与div

文字与图片如果要要将字移动到图片的上方,这里就需要定位一下,设置div为父级,为相对定位:设置h1为绝对定位: div{position:relative;} h1{font-size:16px;color:red;position:absolute;top:20px;left:10px;} 如果要使文字竖直放置:使用<br>,或者设置div的宽度刚好为文字的宽度标题h系列: h1 {display: block;margin: 0;font-size: 13px;font-weight:

文件上传之——用SWF插件实现文件异步上传和头像截取

之前写过几篇文件上传,那些都不错.今天小编带领大家体会一种新的上传方法,及使用Flash插件实现文件上传. 使用Flash的好处就是可以解决浏览器兼容性问题.之前我写的一个快捷复制功能也是利用的Flash. 最近一直在用MVC,所以还是以MVC举例:先来张效果图: UploadIndex2.cshtml代码: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport&qu

php中文截取无乱码方法

直接使用PHP函数substr截取中文字符可能会出现乱码,主要是substr可能硬生生的将一个中文字符“锯”成两半.解决办法: 1.使用mbstring扩展库的mb_substr截取就不会出现乱码了. 2.自己书写截取函数,但效率不如用mbstring扩展库来得高. 3.如果仅是为了输出截取的串,可用如下方式实现:substr($str, 0, 30).chr(0). ============================= substr()函数可以分割文字,但要分割的文字如果包括中文字符往往

常用CSS3效果：用text-shadow做CSS3 文字描边

思路: 利用CSS3的text-shadow属性,对文字的四个边均用阴影. 最终效果: 单纯的为了实现效果.未作任何美化. 实现代码: HTML: <div>文字描边效果</div> CSS: div{ text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #000, 0px -2px 0px #000; } text-shadow属性: 语法: text-shadow : none | <length&g

CSS 之控制图片与文字对齐

文字旁边搭配图片时,发现图片比文字靠上,原来默认的情况是图片顶对齐而文字底对齐,通过设置css属性可以使得图片与文字对齐. 设置各对象的vertical-align属性,属性说明: baseline-将支持valign特性的对象的内容与基线对齐 sub-垂直对齐文本的下标 super-垂直对齐文本的上标 top-将支持valign特性的对象的内容与对象顶端对齐 text-top-将支持valign特性的对象的文本与对象顶端对齐 middle-将支持valign特性的对象的内容与对象中部对齐 bo

字符串长度计算、截取、url参数获取、计算百分比、时间戳格式化

1.中英混合文字字符截取 //中文长度截取计算,可取中英混合,个数向上取整,精确度1个英文字符误差,一个英文算一个字符,一个汉字算一个字符. //sub("中文zlsd",1) -> "中" //sub("中文zlsd",3) -> "中文" function subCh (str,n){ var r=/[^\x00-\xff]/g; if(str.replace(r,"mm").length&

DIV+CSS布局问题：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度

一个入门的DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度. 说明:代码非真实情况下使用,所以直接简单. 没耐心的直接看最后解答. 1. 我的第一反应: <div style="width:500px;"> <div id="px1" style="float:left; height:100px; width:150px; background-c

[置顶] css 背景透明，文字不透明，alpha滤镜，opacity，position:relative;

都知道,在alpha滤镜下,背景透明了,里面的文字也会跟随透明,我们可以设置内容的position为relative可以解决这个问题但是在position为absolute这么做却没有效果,怎么解决呢,看代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

div 文字超长截取

热门专题