gpt4 book ai didi

html - 创建相同高度的
转载 作者:太空宇宙 更新时间:2023-11-04 13:25:50 25 4
gpt4 key购买 nike

我正在创建我的第一个网页,我有 3 个包含图像和文本的框作为内容。无论内容如何,​​如何使框的高度相同?

css 等方面的新手,请帮忙。

我试过填充、边距等,但没有。我的代码如下:

     <!------------------------------   Three Small Span Boxes  --------------------------->
<div class="container-full-width" id="boxes_lite_section">
<div class="container" >
<div class="container-fluid" >

<!-- Start of markup for boxes lite element -->
<div id="widget_boxes_container" class="row-fluid" >
<div class="boxes">
<div class="box span4">
<p>
***
</p>
<a class="box-link">
<img class="box-image" src=".jpg" />
</a>
<p align="justify" style="margin-top:20px">
content here funding.
</p>
</div>
<!--end box1-->

<div class="box span4">
<p>
***
</p>
<a class="box-link">
<img class="box-image" src=".jpg" />
</a>
<p align="justify" style="margin-top:20px">
content here
</p>
</div>
<!--end box2-->

<div class="box span4">
<p>
***
</p>
<a class="box-link">
<img class="box-image" src=".jpg" />
</a>
<p align="justify">
content here
</p>
</div>
<!--end box3-->
</div>
<!-- end boxes -->
</div><!-- end row-fluid -->
<!-- End of markup for boxes lite element -->
</div>
<!-- .container-fluid-->
</div>
<!-- .container -->
</div>
<!----------------------------- End Three Small Span Boxes ------------------------->

最佳答案

当您为元素设置高度时,无论内容如何,​​它都会显示。

但是如果内容变得比高度高,结果可能会非常难看。
因此,最好在您的情况下设置 overflow:auto,这样可以在内容较高时保存框高度...

div.box {
width: 350px; /*for example*/
height:300px; /*for example*/
background: blue; /*for example*/
color:white; /*for example*/
overflow:auto; /*for example*/
border:4px solid red; /*for example*/
}

You can see result Here你可以找到你在评论中提到的最后一个问题......
如果你想 overflow hidden ,试试overflow:hidden...

关于html - 创建相同高度的 <div 容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23729257/

25 4 0

Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com