Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果文本溢出,请更改div高度_Javascript_Jquery_Html_Css_Overflow - Fatal编程技术网

Javascript 如果文本溢出,请更改div高度

Javascript 如果文本溢出,请更改div高度,javascript,jquery,html,css,overflow,Javascript,Jquery,Html,Css,Overflow,我有两个divs,其中有一些文本。如果我缩小窗口,一个div的文本将溢出。如果使用JavaScript/jQuery文本溢出,如何更改divs'高度 示例屏幕截图: HTML: 你不需要JavaScript,CSS只是wordbreak:breakall: asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdas

我有两个
div
s,其中有一些文本。如果我缩小窗口,一个
div
的文本将溢出。如果使用JavaScript/jQuery文本溢出,如何更改
div
s'高度

示例屏幕截图:

HTML:


你不需要JavaScript,CSS只是
wordbreak:breakall


asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd
我建议使用一个常数文本的高度


只需设置高度:200px或更高,以便文本适合

是否显示一些代码?在提供的k97513小提琴中对我有效。两个div的高度不一样我认为父级高度的问题。。。如果未指定父级,它将正常工作,当然,很抱歉,它将失败
<div id = "creators" class = "big-part">
            <h3>Creators</h3>
            <div class = "creator_name">
                <h4>FlipFloop</h4>
                <p>FlipFloop is a <span id = "flip_age">14</span>&nbsp;year-old boy. He is French and American and is the original creator of Altrifi.
                FlipFloop programs in JavaScript, HTML, CSS and jQuery. He uses AngularJs, ProcessingJs and Bootstrap. FlipFloop is good in math, and he loves putting easter eggs, 
                secret messages and trying out new animations in his webpages.</p>
            </div>
            <div class = "creator_name">
                <h4>TickTock</h4>
                <p>TickTock is FlipFloop's brother. He is 13 and is also French and American. TickTock programs in Javascript, HTML and CSS. He uses the ProcessingJs library.</p>
            </div>
            <!--<div class = "creator_name">
                <h4>Name</h4>
                <p>Text</p>
            </div>-->
        </div>
.creator_name {
    width: 35%;
    vertical-align: top;
    display: inline-block;
    margin: 2% 2%;
    height: 300px;
}