文档章节

[转载]css控制文字换行

Kilar
 Kilar
发布于 2015/12/08 16:18
字数 307
阅读 13
收藏 0

 .zjtext{ font-size:12px; color:#fff; padding:5px; width:100px;white-space:normal; overflow:hidden; }

以上是我引用的,关键语:white-space:normal; overflow:hidden;

强制不换行
p.www_52css_com {
  white-space:nowrap;
  }
自动换行
p.www_52css_com {
  word-wrap: break-word;
  word-break: normal;
  }
强制英文单词断行
p.www_52css_com {
  word-break:break-all;
  }

CSS设置不换行:

  overflow:hidden 溢出隐藏
  white-space:nowrap 不换行
  pre 换行和其他空白字符都将受到保护
  nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象

CSS设置强制换行:

  word-break:break-all 强制断开实现转行
  normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
  break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
  keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法
  设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。对于中文,应该使用break-all 。


本文转载自:http://blog.sina.com.cn/s/blog_a28772e40101ai5b.html

共有 人打赏支持
Kilar
粉丝 5
博文 63
码字总数 2416
作品 0
肇庆
程序员
CSS的word-break 属性

<!DOCTYPE html><html><head><style> p.test1{width:150px; border:1px solid #000000; } p.test2{width:150px; border:1px solid #000000; }</style></head><body> <p class="test1">This i......

徐建兴
2014/03/14
0
0
解决文字和text-decoration:underline下划线重叠问题

解决文字和text-decoration:underline下划线重叠问题 张鑫旭-鑫空间-鑫生活2016-11-2240 阅读 box-shadowgradientcanvasfilterborder by zhangxinxu from http://www.zhangxinxu.com/wordpr......

张鑫旭-鑫空间-鑫生活
2016/11/22
0
0
div、p、td 的强制不换行及强制换行

关于强制不换行、强制换行的话题在网上已经被讨论了无数次,但我发现都不够全面,没有充分考虑各种浏览器、各种标签等情况,以致不兼容,所以我再来说说。由于 div 和 p 在本文的讨论中,效果...

王超
2014/03/20
0
0
跨浏览器开发经验总结(二) —— CSS

css hack的使用 CSS类级别的hack仅IE7识别 +html {…} IE6及IE6以下识别 html {…} opera、safari、chrome识别: @media all and (min-width: 0px){…} //Firefox3.0.6不识别,但Firefox3.6也......

leenash
2010/09/08
258
2
div+CSS设置一行内文字超过宽度不换行且不显示

当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢?看到这个标题很容易就会想到截断文字加“...”的做法。 一般的文字截断(适...

emberma
2014/06/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

SpringCloud SpringBoot mybatis分布式Web应用的统一异常处理

我们在做Web应用的时候,请求处理过程中发生错误是非常常见的情况。Spring Boot提供了一个默认的映射:/error,当处理中抛出异常之后,会转到该请求中处理,并且该请求有一个全局的错误页面用...

itcloud
17分钟前
0
0
c++ std::bind和std::function

定义于头文件 <functional> std::bind 函数绑定,https://zh.cppreference.com/w/cpp/utility/functional/bind // bind 用例#include <iostream>#include <functional> // 自定义的一......

SibylY
20分钟前
0
0
SecureCRT的安装与破解(过程很详细!!!)

SecureCRT的安装与破解(过程很详细!!!) SecureCRT的安装与破解(过程很详细!!!) 使用SecureCRT可以方便用户在windows环境下对linux主机进行管理,这里为大家讲一下SecureCRT的破解方...

DemonsI
24分钟前
0
0
介绍几款可用的web应用防火墙

目前有两款,基于软件和基于应用程序的web应用防火墙。基于软件的产品布置在Web服务器上,而基于应用程序的产品放置在Web服务器和互联网接口之间。两种类型的防火墙都会在数据传入和传出web...

上树的熊
31分钟前
1
0
用Visual Studio开发以太坊智能合约

区块链和以太坊 自从我熟悉区块链、以太坊和智能合约以来,一直失眠。 我一直在阅读,阅读和阅读,最后我能够使用一些工具,他们建议使用以太坊网站官方客户端应用程序(Ethereum Wallet)也...

geek12345
33分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部