网页布局：让超出宽度的内容变成“…”

初学建站的朋友一定会遇到以下问题吧：
  DIV里的内容过长时，会把DIV撑大，或者是超出DIV外。到底如何才能解决呢？其实很简单，只要在该<div>标记的样式里添加以下几行就能搞定了：

  display:block;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
 

防止出错，建议大家复制一下，下面我就来为大家做个实验吧：代码如下

.d1{
width:200px;
height:20px;
border:1px solid #000;
display:block;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
}

<div class="d1">5555555555555555555555555555555555555555555555555555</div>

效果：

5555555555555555555555555555555555555555555555555555

本文来自 http://www.sky34.com 网络一片天

转载于:https://www.cnblogs.com/lkp1332/archive/2011/07/09/2101829.html