CSS3 overflow-wrap属性简介说明


摘要:
下文讲述css3中overflow-wrap属性的功能简介说明,如下所示:


css3 overflow-wrap功能

css3 overflow-wrap
是css3种一个新属性
用于定义html元素内的英文单词或数字是否可以换行–从内部折断作为一个新单词显示
此属性可用于放置英文字符或数字过长出现的溢出现象,影响美观

css3 overflow-wrap语法:
overflow-wrap:normal|break-word|anywhere
————参数说明——
1.normal:默认值,使用浏览器默认的处理方式
2.break-word:设置当字符串过长时,允许在单词内断行–断行发生在单词的空白处
3.anywhere:设置当字符串过长时,允许在单词内断行 –断行发生在单词的任意位置
word-wrap:此属性当前是overflow-wrap别名

例:
text-shadow属性举例说明:

 <!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.maomao365.com/" /> 
<title>猫猫教程(www.maomao365.com)
---overflow-wrap属性简介说明
</title> 
<style type="text/css">
div{
  width:130px;
  height:160px;
  background-color: #ccc;
  margin-top:5px;
  overflow-wrap:break-word; 
} 
</style> 
</head> 
<body> 
<div>www.maomao365.com  maomao 365 .com www. www.</div> 
</body> 
</html>
css3 overflow-wrap属性简介说明

css3 overflow-wrap属性简介说明