jquery - 如果文本消失,则更改最大宽度
问题描述
我有一个问题,但我似乎找不到解决方案
好的,我得到了 1 个 div 示例 12.5% x 12.5% (这需要是 12.5)。
HTML:
<div class="div" contenteditable="true"></div>
<button id="liins">Insert Lorem</button>
CSS:
.div{
margin-top: 50px;
margin-left: 55px;
background-color: RGB(211, 211, 211);
position: absolute;
border-color: black;
border-style: solid;
float: left;
min-width: 12.5%;
min-height: 12.5%;
max-width: 12.5%;
max-height: 12.5%;
font-family: arial;
}
jQuery
$("#liins").click(function() {
$(".div").append("Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>Sed ut fringilla neque. <br>Nam luctus gravida urna sed congue. <br>Quisque semper neque ac augue mollis, vel volutpat libero sodales. <br>In pulvinar auctor lacus, vitae auctor nisi. <br>Ut congue iaculis fringilla. Curabitur varius posuere enim non porta. <br>Cras enim nisl, tempus sit amet odio vel, commodo pellentesque magna. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br>Donec enim arcu, feugiat a dictum vel, congue non arcu. <br>Duis quis dapibus sapien. Nulla sit amet diam nec ipsum pulvinar faucibus nec sed odio.");
});
我想要的是:如果按钮附加了 lorem ipsum,则文本不需要溢出,而不是溢出 JQuery 需要添加 12.5% 的高度,直到文本不溢出。
解决方案
你可以在 jQuery 中试试这个
var counter = 1;
$("#liins").click(function() {
counter++;
$(".div").css("max-height") == 12.5*parseInt(counter);
});
推荐阅读
- powerbi - 1 列在视觉中使用了两次
- sql - 根据 SQL 中另一列中特定 ID 的条件计算持续时间
- javascript - 网页打开几分钟后变慢并刷新排序
- javascript - 如何使用 Google Maps JavaScript API 和 Places Library 将自动完成地址字段建议限制在一个国家/地区?
- python - FPDF:将变量插入 PDF
- c++ - C++ 中的 3 x 3 字符向量
- python - 尝试使用硒在linkedin中加载和保存登录cookie
- r - R中按组的多行乘积
- android - 从 Util / Jetpack Composee 访问 rememberLauncherForActivityResult
- mongodb - 如何按日期在我的聚合重复组中排序