包含php echo的div上的文本溢出？

Question

我坚持如何使用'文本溢出'功能。

继承我的代码：

<style type="text/css">
#filenm {   white-space: nowrap;    width: 100%;    overflow: hidden;   text-overflow: ellipsis; } </style>

<td width="614" height="28" colspan="18" background="images/site_23.gif"><div id="filenm" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:center;"> <?php $filename = $_GET['filename']; echo 'File Name:'.$filename.'.zip'; ?></div></td>

我喜欢div'filenm'中的文字不会溢出它所在的框。

非常感谢任何可以提供帮助的人！

Answer 1

您需要设置溢出高度才能正常工作：

    #filenm{
      height: 300px;
    } 

Answer 2

使用此示例，如果文本不适合div，则隐藏文本并将不适合的文本替换为点。您可以在http://jsfiddle.net/McXav/8/

上查看工作版本

HTML

<div> This text is way to long for this div</div>

CSS

  div {
      text-overflow:ellipsis;
      overflow:hidden;
      white-space:nowrap;
      width: 100px;
      padding: 10px;
    }

输出

  

这段文字是......