"<HTML>
<title>css控制字数</title>
<head>
<style type=""text/css"">
.dd
{
border: solid 1px gray
width:180px
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
course:hand
}
</style>
</head>
<body>
<span CLASS=""dd"">
信心网用CSS控制文章标题字数信心网用CSS控制文章标题字数信心网用CSS控制文章标题字数
</span>
<br>
<div CLASS=""dd"">
信心网用CSS控制文章标题字数信心网用CSS控制文章标题字数信心网用CSS控制文章标题字数
</div>
</body>
</HTML>
其中white-space 属性设置怎么处理元素内的空白。
这样个属性声明新建布局过程中怎么处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
1.继承性：Yes
JavaScript 语法
CSS 属性也可通过一段 JavaScript 被动态地改变。
2.脚本语法：
object.style.whiteSpace=""nowrap""在我们的 HTML DOM 教程中，您可找到更多有关 whiteSpace 属性的细节。
p
{
white-space: normal
}
可能的值
值 描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre>标签。
nowrap 文本不太会换行，文本会在在同一行上继续，直到遇到 <br>标签为止。
名称：text-overflow
分类：IE专有样式
简述：设置是不是用省略号标示文本溢出
概述：text-overflow是设置是不是用省略号标示文本溢出的样式(Style)。
text-overflow清楚表明语法：
text-overflow : clip | ellipsis
取值：
clip : 默认值。不显示省略标记(...)，而是容易的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
overflow 属性设置当元素的内容溢出其区域时发生的事情。
继承性：No
表明
这样个属性定义溢出元素内容区的内容会怎么处理。假如值为 scroll，不论是不是要要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可放下全部内容也会显现滚动条。
JavaScript 语法
CSS 属性也可通过一段 JavaScript 被动态地改变。
脚本语法：
object.style.overflow=""hidden""在我们的 HTML DOM 教程中，您可找到更多有关 overflow 属性 的细节。
在我们的 HTML DOM 教程中，您也可找到完整的 Style 对象参考手册。
例子
p
{
overflow: scroll
}
可能的值
值 描述
visible 默认。内容不太会被修剪，会呈目前元素之外。
hidden 内容会被修剪，然而浏览器不太会显示供查看内容的滚动条。
scroll 内容会被修剪，然而浏览器会显示滚动条以便查看其余的内容。
auto 假如内容被修剪，则浏览器会显示滚动条以便查看其余的内容。"
css限制显示字数，文字长度超出部分用省略号表示
为了保证页面的整洁美观，在很多的时候，我们常需要隐藏超出长度的文字。这在列表条目，题目，名称等地方常用到。
(1).文字超出一行，省略超出部分，显示'...'
如果这种情况比较多，可以取一个切合作用的类名用于复用。
.line-limit-length {
overflow: hidden
text-overflow: ellipsis
white-space: nowrap//文本不换行，这样超出一行的部分被截取，显示...
}
<div class="item">
<p class="line-limit-length">最新消息：神秘地球黑洞深不可测，不停吸入周围海水。</p>
<i class="icon icon-arrow-go"></i>//图标字体
</div>
-webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：
display: -webkit-box必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
text-overflow，可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。
css文件对页面影响不大，就算是你写3万行也没太大影响，一般主要影响页面的是图片、动态脚本、flash动画、后台程序；如果你工作不负责后台的话，那你就注意切图的时候尽量把图片处理的小一些，能1px平铺的就平铺，能用代码实现的就尽量别用图片，页面的动态效果尽量少一些，或者说没太大必要的就别弄，至于flash动画，能用gif代替就尽量别用swf文件；我一般写样式是不换行的，例如：
.divstyle{ color:#fffborder:1px solid redbackground:#000height:40px}
我习惯于这样写，这样能减少行数，一次能看到的样式数量会更多，比较方便于我修改；
很多人都习惯于下面这种写法，例如：
.divstyle{
color:#fff
border:1px solid red
background:#000
height:40px
}
这样的写法比较规整，看样式能够一目了然明白，只是行数太多了
