在CSS中,white-space属性允许字符显示而不换行。如果white-space属性的值为nowrap,则可以强制文本不换行。
white-space属性指定如何处理元素中的空白。 这些属性值包括:
normal :默认值。 在浏览器中将忽略空白。
pre :空白将保留在浏览器中。 那个动作是HTML的
标签。 nowrap :文本不换行,在遇到之前文本会在同一行上继续
到标签。
预写入:保留空字符串,但换行符正常。
pre-line :合并空字符串,但保留换行符。
例如:
p {
width: 400px;
height: 50px;
border : 1px固态红色;
}
. nowrap{
white-space: nowrap;
}
普通文本!
这是文本。 这是文本。 这是文本。
不强制换行字符!
这是文本。 这是文本。 这是文本。
效果图:
white-space属性可以与overflow属性、text-overflow属性一起使用,用于不换行字符,超出部分用省略号、
例如:
p {
width: 400px;
height: 50px;
border : 1px固态红色;
}
. nowrap{
white-space: nowrap;
文本覆盖: ellipsis;
overflow :隐藏;
}
普通文本!
这是文本。 这是文本。 这是文本。
不强制换行字符!
这是文本。 这是文本。 这是文本。
CSS样式解决了字符太长而显示省略号的问题
另一方面,CSS样式解决了字符过长而显示省略号的问题。 1 .一般风格一般的CSS风格在宽度不够的情况下,可能会出现换行的效果。 这种效果在某些情况下是绝对不行的,可以通过修改CSS样式来解决这个问题。
CSSplus; DIV在一行中显示字符,过多的字符替换为点
使用CSS DIV合成大量字符时,为了改善页面的外观,此处必须在div中用一行显示字符,并用点替换多馀的字符。 当鼠标放在上面时,一切都以title的形式显示.
cssplus; div解决文本溢出控制显示字数
一.常见文字截断(适用于行内和块) : example source code [ www.mb5u.com ].text-overflow ) display:block; /*内联对象需要*/widt .
CSS学习笔记:文本换行显示(word-wrap ) )
CSS3中定义了新的文本换行符属性,word-wrap: nomal属性值指示控制连续文本换行符,break-word属性值指示内容在边界内换行符。 根据需要,还会发生词内换行word-break。
CSS样式中的文本换行符
我们输出的时候,可能会遇到这样的问题。 是汉字和英语文字相遇后自动换行的问题。 例如,我输出产品标题的时候,因为产品名称很长,所以包括汉字和英语的文字在内,用FF浏览是正常的,但是用IE下面的英语换行。
css提供了无页面字符换行符、自动换行符和强制换行符
无强制换行符div{ white-space:nowrap; div{ word-wrap: break-word; 魔兽世界:正规; }强制英语单词换行的div .
css平面字母或字母换行显示
white-space :正规; word-break:break-all;
EasyUIDataGrid列标题换行符显示
如果表格标题包含太多字符且宽度有限,则可能无法显示某些列标题。 在这种情况下,添加以下css代码将导致. datagrid-header-row.datagrid-cell span { .
如果css字符超过部分,则返回省略号lpar; 原始rpar;
单行为省略号#word1{width: 100px; 文本覆盖: ellipsis; overflow :隐藏; }一些行超过了省略号(仅与webkit内核兼容) #wordN .
随机推荐
如何使用免费的PDF控件从PDF文档中提取文本和图像
如何使用免费的PDF控件从PDF文档中提取文本和图像摘要。当前的一个项目是从PDF文档中提取文本和图形
片,我以前也使用过像iTextSharp, PDFBox 这些免费的PD ...php数据通信方式
一:curl$ch = curl_init();curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false);curl_setopt($ch,CURLOPT_TIMEOU ...
php 递归 适合刚刚接解递归的人看
递归,就是自己调用自己,当满足某条件时层层退出(后进先出). --------------------------------------------------------------------- ...
iOS 进阶—— iOS 内存管理
1 似乎每个人在学习 iOS 过程中都考虑过的问题 alloc retain release delloc 做了什么? autoreleasepool 是怎样实现的? __unsafe_unretai ...
Percona XtraBackup 核心文档
1. 介绍 1.1 MySQL 备份工具特性对比 Features Percona XtraBackup MySQL Enterprise backup License GPL Proprietary ...
C++解析十-数据封装
数据封装 所有的 C++ 程序都有以下两个基本要素: 程序语句(代码):这是程序中执行动作的部分,它们被称为函数. 程序数据:数据是程序的信息,会受到程序函数的影响.封装是面向对象编程中把数据和操作数 ...
Django学习笔记(基础篇)
Django学习笔记(基础篇):http://www.cnblogs.com/wupeiqi/articles/5237704.html
Java NIO 读取文件、写入文件、读取写入混合
前言 Java NIO(new/inputstream outputstream)使用通道.缓冲来操作流,所以要深刻理解这些概念,尤其是,缓冲中的数据结构(当前位置(position).限制(limi ...
cmake重新编译
删除文件夹下的文件 rm CMakeCache.txt 重新编译即可 安装g++ yum install gcc-c++
在Terminal中的光标的使用技巧
如何简单操作? 在 Terminal(终端) 中,有许多操作技巧,这里就介绍几个简单的. 光标 up(方向键上) 可以调出输入历史执行记录,快速执行命令 down(方向键下) 配合 up 选择历史执行 ...