电力项目七--js控制文字内容过长的显示

当文本框中文字内容过长时，需要调整显示的样式

如上图所示的样式

对应的代码为：

<div id="showInfomation" style="visibility: hidden"></div>
                            <tr onmouseover="this.style.backgroundColor = ‘white‘" onmouseout="this.style.backgroundColor = ‘#F5FAFE‘;">
                                <td style="HEIGHT:22px" align="center" width="40%">
                                    <div class="scrollStyle" align="left" onmouseover="showInfoWithPanel(this)" onmouseout="hiddenInfoPanel(this)" style="table-layout:fixed;">
                                    <!-- 站点运行情况 -->
                                        <s:property value="stationRun"/>
                                    </div>
时间： 2024-10-23 05:50:11

电力项目七--js控制文字内容过长的显示的相关文章

电力项目七--js添加浮动框

1.添加浮动窗口样式 <!-- 浮动窗口样式css begin --> <style type="text/css"> #msg_win{border:1px solid #A67901;background:#EAEAEA;width:240px;position:absolute;right:0;font-size:12px;font-family:Arial;margin:0px;display:none;overflow:hidden;z-index:9

JS控制文本框中的密码显示/隐藏功能

<html> <head> <title>[荐]JS控制文本框中的密码显示/隐藏功能_网页代码站(www.6a8a.com)</title> <style> body,input{font:menu} </style> </head> <body> <form method="POST" action="addcheck.asp" name="forms&

电力项目十三--js添加浮动框

修改page/menu/loading.jsp页面 首先,页面中引入浮动窗样式css <!-- 浮动窗口样式css begin --> <style type="text/css"> #msg_win{border:1px solid #A67901;background:#EAEAEA;width:240px;position:absolute;right:0;font-size:12px;font-family:Arial;margin:0px;displa

电力项目十三--js添加highslider特效

当页面的一个table表格无法显示所有的内容的时候,点击[查看详细信息],显示详细内容: 下载css,js 1.在actingIndex.jsp中添加:引入js和css: <LINK href="${pageContext.request.contextPath }/css/openView.css" type="text/css" rel="stylesheet"> <script type="text/javasc

js控制href内容的连接内容的变化

html: <a data-toggle="modal" href="#myModal_devices" id="check_devices" class="guide_s step1 ok" onclick="GetLanHosts();return false;"><span>?</span>已有<em>0</em>台设备连接</a>

电力项目七--运行监控中添加进度条

<%@ page language="java" pageEncoding="UTF-8"%> <%@taglib uri="/struts-tags" prefix="s" %> <!-- 添加标签,然后做栈顶获取数据 --> <html> <head> <title>运行监控模块编辑</title> <link href="

jquery控制文字内容溢出用点点点(…)省略号表示

jQuery限制字符字数的方法 $(function(){ //限制字符个数 $(“.text”).each(function(){ var maxwidth=23; if($(this).text().length>maxwidth){ $(this).text($(this).text().substring(0,maxwidth)); $(this).html($(this).html()+’…’); } }); }); <div class="text" style

echarts的axisLabel的文字内容过长的解决办法

通过查找资料学习,我总结了四种解决的办法,不一定是最好的,但是希望能够帮助到需要的童鞋,同时如果大家有什么更好的方法欢迎指导. 方法一:这种方法就是将文本内容转换为字符串数组,然后再按需求换行,需要每行显示几个字可以自己设置 axisLabel:{                                interval: 0,                                //rotate:30,                                format

css控制文字超过2行不显示

p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 原文地址:https://www.cnblogs.com/deajax/p/11641870.html