gpt4 book ai didi

html元素没有高度

转载 作者:行者123 更新时间:2023-11-28 05:15:23 26 4
gpt4 key购买 nike

我的元素没有高度,但它现在充满了图像,除非我给 .portfolio 一个固定的高度,否则图像周围的 anchor 是不可点击的。

关于如何解决这个问题有什么建议吗?

HTML :

    <h1 class="text-center">
Een greep uit ons portfolio
</h1>
<span class="main-underline"></span>

<div class="portfolio">
<?php
$args = array( 'post_type' => 'portfolio', 'posts_per_page' => 4 );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post();
?>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="portfolio-img">
<a href="<?php echo esc_url( get_permalink() ); ?>">
<?php the_post_thumbnail('portfolio',array('class' => 'img-responsive')); ?>
</a>
</div>
</div>
<?php endwhile; ?>
</div>

CSS:

/*PORTFOLIO*/

#main2 {

}

.portfolio {

}

.portfolio .portfolio-img img{
width:100%;
}

.portfolio .col-md-3 {
margin:0;
padding:0;
}

结果:

enter image description here

提前致谢

最佳答案

adisplay设置为inline-block

关于html元素没有高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39344051/

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