抱歉,我无法正确输入标题。我对我的CSS代码有疑问。我尝试将所有内容都放入JSfiddle中,但这很有效,对不起。
我不知道如何才能使div'infoMovie'扩展到div'displayMovie'的结尾。
HTML:
<div class="content">
<div class="displayMovie">
<div class='imageCover'>
<img src='Endgame-movie-cover.jpg' width="100">
</div>
<div class='infoMovie'>
<div class='imageTitle' >
End game
</div>
<br>
<div class='imageDesc'>movie about everything in life lollllllllllllllllllllllllllllllllll
</div>
</div>
</div>
</div>
和CSS:
.displayMovie {
width: 100%;
display: inline-block;
border-bottom: 1px solid black;
}
.imageCover {
border-right: 1px solid black;
padding: 10;
float: left;
}
.imageDesc {
border-top: 1px solid black;
word-break: break-all;
}
.imageTitle {
font-weight: bold;
font-size: 18pt;
margin: 5 10 5 10;
display: inline-table;
}
.infoMovie {
display: inline-block;
}
所以基本上我想将infoMovie扩展到其余的displayMovie的100%。
我要更改“这是一部包含大量动作的电影”,直到页面末尾
.infoMovie {
display: inline-block;
}
表示的.infoMovie
div
宽度将不超过其包含的内容。
您可以删除此样式声明。
您想要.infoMovie
展现div
元素的正常块级行为。
作为块级元素(<div>
),它自然会扩展到其父级的宽度。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句