CSS的word-wrap属性

浏览数：25 / 时间：2015年06月09日

CSS的word-wrap属性的定义和用法:
检索或设置对象中的单词之间间隔。

对应的脚本特性为wordWrap。

语法结构:

 

word-wrap：normal | break-word

 

取值:
normal:允许内容顶开或溢出指定的容器边界，默认值。
break-word:内容将在边界内换行，如果需要，单词内部允许断行。
浏览器支持:
IE浏览器支持此属性。
火狐浏览器支持此属性。
谷歌浏览器支持此属性。
opera浏览器支持此属性。
继承性:
具有继承性。
实例代码:

 

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>CSS教程</title> 
<style type="text/css"> 
ul li  
{ 
  width:110px; 
  height:50px; 
  border:1px solid red; 
  margin-top:10px; 
} 
.break-word{word-wrap:break-word;} 
</style> 
</head> 
<body> 
<ul> 
  <li>欢迎您提供有益的建议</li> 
  <li>I am a good student</li> 
  <li>aaaaaaaaaaaaaaaaaaaaa</li> 
  <li class="break-word">欢迎您提供有益的建议</li> 
  <li class="break-word">I am a good student</li> 
  <li class="break-word">aaaaaaaaaaaaaaaaaaaaa</li> 
</ul> 
</body> 
</html>

 

在默认属性值下，文字或者英文语句会换行，但是一个长串英文字符如果超过所在对象的宽度的时候就会溢出，而不是换行，因为一个长串的英文字符被看做一个单词的。在break-word属性值下，文字或者英文语句换行和normal属性值一样，但是长串的英文单词可以允许断行。

原文地址:CSS的word-wrap属性

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： word css c 属性 r a word css c 属性 r a

相关文章

随机文章

您可能还喜欢

您可能还喜欢