首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

word 文字溢出表格,怎么处理?

发布网友

我来回答

3个回答

懂视网

这次给大家带来table表格中的内容溢出应该如何处理,处理table表格中的内容溢出的注意事项有哪些,下面就是实战案例,一起来看一下。

什么是内容溢出呢?其实就是当文字很多的时候,如果内容区域只有那么长,那么多出的部分以点点点代替。

这次做的案例是在table里面,我们知道当我们在table里输入过多的文字内容的时候会撑乱表格,例如一行显示过长或者自动换行。可是有的时候我们就想在固定宽度的一行中显示,如果多出的部分那就用点点点代替,这样就不会撑乱表格了。那么该如何做呢?

一般来说我们会用到如下属性

/*溢出部分样式*/ 
.txt-ell { 
 whitewhite-space:nowrap; //强制在一行显示 
 overflow:hidden; //溢出的内容切割隐藏 
 text-overflow:ellipsis; //当内联溢出块容器时,将溢出部分替换为… 
 word-break:keep-all; //允许在单词内换行 
 color: red; //这里我自己标识一下 
 padding: 0 7px; //由于想跟边线留有距离,所以设置了下 
}
.table-fix { 
 table-layout:fixed; 
}

首先第二个样式是专门给table标签加的,想要实现内容溢出,那么表格必须有固定的宽高,表格内部的tr,td也要有固定的宽高。在用内容溢出之前,先要给table添加table-fix这个类。然后检查自己的tr,td有没有给width,如果没有的话,最好是给个吧,固定的也行,百分比的也行,我主要给的百分比,外边table给固定宽度,里面的tr和td就是百分比的宽度,这样才能使用内容溢出样式。最后如果哪个格子里面的内容非常的多,你想实现点点点,就给这个格子添加一个.txt-ell的类吧

相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

HTML基础知识,关于超链接设置的样式的详细介绍

HTML段落的知识总结

HTML文本格式的知识总结

热心网友

1.首先我们将文字插入表格,会发现文字被下方的表格遮盖住了。
2.如果拖拽表格的话,文字就会显现,但这样太过麻烦。
3.这个时候我们就点击选中表格,点击布局,找到属性按钮。
4.打开表格属性,点击——行的标签,找到行高值。
5.在下拉菜单中选择——最小值,点击确定按钮。

热心网友

付费内容限时免费查看回答亲,请稍等一下哦

5.在下拉菜单中选择——最小值,点击确定按钮。

感谢为您服务,希望能帮到您,也希望能够得到你的赞哟谢谢!

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com