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> 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;
}