boder-bottom

来源：8-8 Vue项目城市选择页 - 搜索逻辑实现

慕UI5297780

2022-12-01

为什么我在搜索列表中加了border-bottom后，只有部分城市名称下面有1像素边框？

<div class="search-content">
      <ul>
        <li class="search-item border-bottom" v-for="item of list" :key="item.id">
          {{item.name}}
        </li>
      </ul>
</div>`

图片描述

写回答

1回答

Dell

2022-12-03

chrome 控制台看一下样式，是被覆盖了，还是高度给盖住了？

慕UI5297780

可以了，在search组件中添加以下样式： .border-bottom &:before height 0 transform-origin 0 0 这样就覆盖了原来的样式

2022-12-03

共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10730 学习 · 8205 问题

查看课程

相似问题

关于padding-bottom的理解

回答 1

padding-bottom:31.25%，我无法理解

回答 1

老师，实在不能理解width：100%，heigh：0 padding-bottom:50%

回答 3

.border-bottom的&:before究竟是什么意思？

回答 1

轮播图父级使用padding-bottom按比例撑开，高度0！父级高度设置为0，而内部子集设置的高度都是100%，怎么能撑开呢？？？

回答 1

打开慕课网App查看更多内容