CSS:
.blue
{
width:200px;
height:200px;
background-color:blue;
color:#000000;
overflow:auto;
}
Run Code Online (Sandbox Code Playgroud)
JavaScript的:
function addChar() {
$('.blue').append('some text ');
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div id='blue1' class="blue"></div><br />
<a href='javascript:void(0)' onclick='addChar()'>Add</a>
Run Code Online (Sandbox Code Playgroud)
div id='blue1'有overflow属性设置为auto.我想在发生溢出时检测溢出.
我已经看过这个问题,但感觉必须有一个"更干净"的jQuery方法来做到这一点.我甚至不确定这是否真的适用于所有场景.有没有办法让jQuery确定容器是否有溢出而不比较维度?
为了澄清,有没有一种方法来测试CSS属性是否overflow: hidden已经启动并隐藏内容?
CSS
.page{
width: 275px;
hight: 380px;
overflow: auto;
}
Run Code Online (Sandbox Code Playgroud)
HTML
<div class="page">dynamic text</div>
Run Code Online (Sandbox Code Playgroud)
当动态文本溢出div的固定高度时,如何创建一个新的div?
例:
<div class="page">Some dynamic texts will appear here</div>
Run Code Online (Sandbox Code Playgroud)
当动态文本溢出div的固定高度时,上面的内容将如下所示.
<div class="page">Some dynamic</div>
<div class="page">texts will</div>
<div class="page">appear here</div>
Run Code Online (Sandbox Code Playgroud)
我已经尝试在PHP中使用wordwrap函数wordwrap($dynamic_text, 600, '</div><div class="page">');它可以运行,但是当从Ms.Words复制角色时它有问题.所以,通过检测溢出的文本,剪切它,然后将其粘贴到新的div元素是更好的解决,我猜.但是,我不知道如何使用JQuery或Javascript来做这个解决方案.
有任何想法吗?提前致谢!