gpt4 book ai didi

css - 如何删除列表中元素之间的空格/阴影

转载 作者:太空宇宙 更新时间:2023-11-04 09:54:33 30 4
gpt4 key购买 nike

我有一个包含卡片列表的模板:

<div class="list">
<div class="card" ng-repeat="event in eventsSportsDay21">

<div class="item item-avatar item-icon-right" ng-click="toggleEvent(event)">
<!--ng-style="{'background-color': event.eventColor }">-->
<img src={{event.eventIcon}}>
<i class="icon" ng-class="isEventShown(event) ? 'ion-minus' : 'ion-plus'"></i>
<h2><b>{{event.eventTitle}}</b></h2>
<p><b>{{event.eventHour}}</b></p>
</div>

<div class="item item-body" ng-hide="!isEventShown(event)">
<div>
<!--<img src="/img/alfarero.jpg" width="30%" style="float: left; margin: 0 20px 20px 0;" ng-show="false">-->
<p ng-bind-html="event.eventText | hrefToJS"></p>
</div>
<div>
<!--<p style="clear: both">-->
<br/>
<div>
<i class="icon ion-map balanced" style="font-size: 25px;"></i>&nbsp;&nbsp;<p ng-bind-html="event.eventPlace | hrefToJS" style="display:inline"></p>

</div>
<!--</p>-->
<!--<div>-->
<div ng-show="event.eventPhone">
<i class="icon ion-information-circled balanced" style="font-size: 25px;"></i>&nbsp;&nbsp;<p ng-bind-html="event.eventPhone | hrefToJS" style="display:inline"></p>
</div>
<!--</div>-->

</div>
</div>

</div>
</div>

它完成了它的工作,但我想在视觉上稍微调整一下。首先,我想去除每张卡片底部的阴影。第二,如何消除卡片之间的空间?除了 CSS,还有其他方法吗?

这是我得到的:

enter image description here

谢谢!

最佳答案

看来问题是想在不需要的时候使用卡片。更改为:

<div class="list">
<div ng-repeat="event in eventsSportsDay21">

给出所需的行为。

关于css - 如何删除列表中元素之间的空格/阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38836745/

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