您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

Td或Div文字超出宽度的CSS隐藏方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

   当我们定义了Div width后,里面的内容有可能比较多,会超出来,将div或表格撑的大大的,变形了影响网页美观,介绍一种方法,用CSS强制隐藏掉多余的内容并自动显示省略号,比如下面这段HTML的定义方法:

Td或Div文字超出宽度的CSS隐藏方法  三联

  在上面的CSS代码中,text-overflow:ellipsis指当对象文本溢出时显示省略号标记(...),text-overflow:clip是默认取值,不会显示省略标记(...),而是裁切掉多余内容。不过还要注意,在CSS代码中:

  overflow: hidden;

  text-overflow:ellipsis;

  white-space:nowrap;

  这3个定义一定要一起用,一定要给容器设置宽度,一定要给table(或者其他容器)定义table-layout:fixed;只有定义了表格的布局算法为fixed,下面td的定义才能起作用!