模块格内文字显示信息超出模块格宽度的迅速处

2021-03-18 12:29 jianzhan

开发设计全过程中,报表模块格里的显示信息数据信息常常超过模块格的宽度。遇到这类状况1般会这样解决。

1、超过一部分显示信息省略号(...)

处理方法:在css中设定  text-overflow: ellipsis;

text-overflow:

2、换行显示信息

处理方法: 在css中设定   white-space:normal;

white-space:(1)normal : 默认设置 。空白会被访问器忽视。

                   (2) pre : 换行和别的空白标识符都将遭受维护 

                   (3) nowrap : 强制性在同1行内显示信息全部文字,直至文字完毕或遭受 br 目标 

示例编码:

<html>
<head>
<style type="text/css">
p
{
white-space:normal/pre/nowrap;
}
</style>
</head>
<body>

<p>
这是1些文字。
这是1些文字。
这是1些文字。
这是1些文字。
这是1些文字。
这是1些文字。
这是1些文字。
这是1些文字。
这是1些文字。
这是1些文字。
这是1些文字。
这是1些文字。
</p>

</body>
</html>

运作实际效果图:(1)

                  (2)

                  (3)

期待大伙儿给点建议。

以上这篇模块格内文字显示信息超出模块格宽度的迅速处理方法便是网编共享给大伙儿的所有內容了,期待能给大伙儿1个参照,也期待大伙儿多多适用脚本制作之家。

原文详细地址:http://www.cnblogs.com/ginaprogram/archive/2016/07/12/5663924.html