CSS截取中英文混合字符串长度
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>CSS截取中英文混合字符串长度</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
body{font-size:14px;}
.myCls0{
width:580px;
border:1px solid red;
} .myCls1{
width:580px;
border:1px solid red;
} .myCls2{
width:580px;
border:1px solid red;
overflow:hidden; /* 超出隐藏 */
text-overflow:clip; /* 文本超出截取 */
} .myCls3{
width:580px;
border:1px solid red;
overflow:hidden; /* 超出隐藏 */
text-overflow:ellipsis; /* 文本超出截取,并用...代替 */
}
</style>
</head>
<body>
使用overflow:hidden; text-overflow:ellipsis;两CSS样式属性,可以巧妙的实现截取中英文混合字符串长度的问题,<br />
以往通过后台程序控制标题长度显示,往往效果不理想,而且前端一旦有调整后台也得调整,使用这两个属性问题解决了!!<br /><br /><br />
<div class="myCls0">
勇敢做自己,永远都不迟。It's never too late to be what you might have been. 这话送给你,good lucky!
</div>
<br />
<i>文本不加 nobr 标签,也不设置text-overflow、text-overflow属性</i> <br /><br /><br /><br /> <div class="myCls1">
<nobr>勇敢做自己,永远都不迟。It's never too late to be what you might have been. 这话送给你,good lucky!</nobr>
</div>
<br />
<i>文本加 nobr 标签,不设置text-overflow、text-overflow属性,结果就真的没有换行,超出来了</i> <br /><br /><br /><br /> <div class="myCls2">
<nobr>勇敢做自己,永远都不迟。It's never too late to be what you might have been. 这话送给你,good lucky!</nobr>
</div>
<br />
<i>文本加 nobr 标签,设置text-overflow:hidden、text-overflow:clip属性,结果超出的文本被截取了</i> <br /><br /><br /><br /> <div class="myCls3">
<nobr>勇敢做自己,永远都不迟。It's never too late to be what you might have been. 这话送给你,good lucky!</nobr>
</div>
<br />
<i>文本加 nobr 标签,设置text-overflow:hidden、text-overflow:ellipsis属性,结果超出的文本被截取了,并用...代替</i>
</body>
</html>
CSS截取中英文混合字符串长度的更多相关文章
- PHP获取中英文混合字符串长度及截取
1.字符串长度 PHP获取中英文混合字符串长度的实现代码如下,1中文=1位,2英文=1位,可自行修改 /** * PHP获取字符串中英文混合长度 * @param $str string 字符串 * ...
- PHP针对中英文混合字符串长度判断及截取方法
PHP自带的函数如strlen().mb_strlen()都是通过计算字符串所占字节数来统计字符串长度的,一个英文字符占1字节.例: $enStr = 'Hello,China!'; echo str ...
- 用JS来实现于截取中英文混合字符串方法(转载)
网站制作过程中,提示层文字超出,需要JS做字符串截取,但是呢,我们常常会烦恼文字中英文混合如何判断,因为我们知道在JS中 string.length这个值是不考虑中英文的,但是计算机对中英文的识别是 ...
- PHP中获取中英文混合字符串长度[主要是指个数,而不是字符串长度](转)
今晚在写框架的表单验证类时,需要判断某个字符串长度是否在指定区间内,很自然地,想到了PHP中的strlen函数. $str = 'Hello world!'; echo strlen($str); ...
- Java 截取中英文混合字符串
题目: 编写一个截取字符串的函数,输入为一个字符串和字节数,输出为按字节截取的字符串. 但是要保证汉字不被截半个,如"我ABC"4,应该截为"我AB",输入&q ...
- PHP 获取中英文混合字符串长度
通常情况下要想掌握一个字符串变量的长度[一般掌握其字数],自然想到 strlen |-- $str = 'string'; echo strlen($str); //6 .csharpcode, ...
- C# 截取中英文混合字符串分行显示宽度相同
/// <summary> /// 截取方法名显示宽度 /// </summary> /// <param name=" ...
- C#截取中英文混合字符串分行显示
private int GetStrByteLength(string str) { return System.Text.Encoding.Default.GetByteCount(str); } ...
- php 中英文混合字符串长度计算
(strlen($string) + mb_strlen($string,'UTF8')) / 2;tw 这样计算的
随机推荐
- iOS开发之多线程技术—GCD篇
本篇将从四个方面对iOS开发中GCD的使用进行详尽的讲解: 一.什么是GCD 二.我们为什么要用GCD技术 三.在实际开发中如何使用GCD更好的实现我们的需求 一.Synchronous & ...
- 【第八章】MySQL数据库备份—逻辑备份
一.数据库备份 1.命令简介: # mysqldump -h 服务器 -u用户名 -p密码 数据库名 > 备份文件.sql1)关于数据库名: -A, --all-databases ...
- ASCII码中的可见字符
ASCII码中 包括空格的可见字符从32到126共95个 不包括则为94
- Golang项目开发管理
工具 1. task(项目管理,类似于make) go get -u -v github.com/go-task/task/cmd/task 2. gopm(go依赖管理) go get -u git ...
- python3【基础】-and和or的短路逻辑
1. 表达式只有一个逻辑运算符 python中哪些对象会被当成False,哪些又是True呢? 基本数据类型中的None.任何数值类型中的0.空字符串"",空列表[],空元组()和 ...
- Scrum立会报告+燃尽图(十月十九日总第十次):
此作业要求参见:https://edu.cnblogs.com/campus/nenu/2018fall/homework/2246 项目地址:https://git.coding.net/zhang ...
- 20181120-6 Beta阶段第2周/共2周 Scrum立会报告+燃尽图 03
此作业要求参见:[https://edu.cnblogs.com/campus/nenu/2018fall/homework/2411] 版本控制地址 [https://git.coding.n ...
- qq浏览器的用户体验
用户界面: qq浏览器的用户界面简介,把一些不必要的东西去点,可以很容易让用户找到自己想看的网页,很方便. 记住用户的选择: qq浏览器和QQ相连,可是用QQ账户登录,并且会记住自己访问的高频网页,以 ...
- android入门 — ProgressDialog/DatePickerDialog/TimePickerDialog
这三个Dialog都是AlertDialog的子类. ①DatePickerDialog 1.创建DatePickerDialog的实例: 2.通过Calendar类获得系统时间: 3.通过DateP ...
- lintcode395-硬币排成线 II
395-硬币排成线 II 有 n 个不同价值的硬币排成一条线.两个参赛者轮流从左边依次拿走 1 或 2 个硬币,直到没有硬币为止.计算两个人分别拿到的硬币总价值,价值高的人获胜. 请判定 第一个玩家 ...