跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

html中p标签文字换行与不换行以及文字隐藏详解

在我们网页布局的时,用到p标签,通常p标签里包含的是汉语文字或者其他国家的文字,是文字就会有换行,下面来说p标签的文字换行与强制它不换行以及文字隐藏: 一、英文换行
Div p{ word-break:break-all; width:150px;}/*只对英文起作用,以字母作为换行依据*/ Div p{ word-wrap:break-word; width:150px;}/*--只对英文起作用,以单词作为换行依据*/
注意有的时候英文单词是一个整体不能拆开!!! 二、中文换行以及强制不换行
Div p{white-space:pre-wrap;width:150px;}/*只对中文起作用,强制换行*/ Div p{white-space:nowrap;width:10px;}/*强制不换行,都起作用*/
三、强制不换行以及超出宽度部分文字隐藏
.p5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;}//*不换行,超出部分隐藏且以省略号形式出现*/
一定要注意div或者p标签里面要有一个宽度才可以换行,要不然没有作用!!! 使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件 如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更 下载 立即学习 “ 前端免费学习笔记(深入) ”; 参数: normal:依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 break-all:该 行为 与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all:与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

相关文章