我在dw中的一个表格谢了一些文字 很多文字都溢出了 怎么把溢出的隐藏

Posted 2023-04-14

楼上那位的方法只能显示一行的，我想应该不是你要的结果！！你给你的div设置一个宽度跟高度，然后用这个<div style="overflow:auto;display:block;">用这个试试</div>
如果你只是想要一行的，那1楼的那位就是个很好的方法，缺点就是火狐浏览器不支持这个text-overflow:ellipsis;用省略号代替超出部分。 参考技术A 建议把表格的HTML代码贴出来,这样容易找出问题

隐藏的方法很多,给你个例子:
<div style="display:inline-block; width:200px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;">
这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字
</div>本回答被提问者采纳

容器文字溢出title显示

我们经常会出现容器内文字溢出问题，我们可以给容器添加属性:

.className{
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

这样文字溢出会出现省略，在样式上好看了很多；但是文字的全部能容却看不见了。由此引发了我的代码风暴，来看下面代码：

$body.on("mouseover",".className",function(){
    var div = document.createElement(‘div‘);
    div.innerHTML = $(this).text();
    var fs = $(this).css("font-size");
    div.id = ‘textWidth‘;
    div.style.fontSize = fs;
    div.style.margin = ‘0‘;
    div.style.padding = ‘0‘;
    div.style.float = ‘left‘;
    $("body").append(div);
    var $textWidth = $("#textWidth");
    var thisWidth = $(this).width();
    var textWidth = $textWidth.width();
    if (thisWidth < textWidth) {
        $(this).attr("title", $(this).text());
    }
    $textWidth.remove();
})

原理就是通过虚拟的创建一个容器与容器内文字宽度比较，来判断是否溢出，溢出部分我们给容器添加title属性，将内容显示在title中提示，这样我们就能看见文字所有内容了。