首页 > 其他分享 >css 文字内容过长和下一个信息项重叠解决办法(uniapp)

css 文字内容过长和下一个信息项重叠解决办法(uniapp)

时间:2023-05-08 10:37:32浏览次数:37  
标签:uniapp 解决办法 20rpx height padding width css

1. 把固定高度注释掉,自动调整高度

.cardBox{
padding:20rpx 30rpx ;
.item{
// width: calc(100% - 40rpx);
// height:398rpx ;
padding:10rpx 20rpx 0rpx;
margin-bottom: 25rpx;
border-radius: 8rpx;
box-shadow: 0rpx 4rpx 16rpx 2rpx #BDC0C6;
background: #FFFFFF;
.itemLine{
width: 100%;
// height: 64rpx ;

}

}

标签:uniapp,解决办法,20rpx,height,padding,width,css
From: https://www.cnblogs.com/dongfangzhaoyue/p/17380909.html

相关文章

  • css 背景色渐变 line-gradient
    background-image:linear-gradient(-55deg,#07265d,#0d3d92),linear-gradient(#2d323b,#2d323b);......
  • Win10打开IE自动跳转至Edge解决办法
    WIN+R输入inetcpl.cpl弹出Internet属性对话窗口点击上面菜单中的【高级】选项滑动右侧滚动条,找到【浏览】项下面的【启用第三方浏览器拓展*】并取消勾选双击IE浏览器图标测试是否生效......
  • CSS选择器
      BeautifulSoup还提供了另外一种选择器——CSS选择器,所以CSS选择器是基于BeautifulSoup的库来实现的。使用CSS选择器只需要调用select方法,传入相应的CSS选择器即可。下面我们通过一个实例来看一下CSS选择有哪些具体用法。  代码案例如下:html='<divclass="panel"><d......
  • 小米商城主页展示HTML+CSS
    大佬们呀,花了好几天的时间总算是看着页面展示可以了,求赐教!小米商城主页,对大佬来说肯定简单爆了,我抄写了好久呀,总是有一点点的小问题,还搞不明白主要是一个静态的小米商城页面,HTML前端代码不复杂,一堆的div和ul、li就没问题了,主要是css代码搞不懂导致显示不正常话不多说,直接上代码......
  • 十二代酷睿处理器N100 N200 N305 等安装ESXI紫屏问题解决办法
    12代大小核紫屏报错解决方案四部曲1、安装界面倒计时结束之前,按SHIFT+O,在原有命令后面加空格后输入以下代码cpuUniformityHardCheckPanic=FALSE2、安装完ESXI之后会重启,在重启界面倒计时结束前,再操作一次,按住SHIFT+O,输入cpuUniformityHardCheckPanic=FALSE3、进入ESXI把SSH功能......
  • css3 flex弹性布局详解
    一、flexbox弹性盒子2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。二、基本概念Flex是FlexibleBox的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性......
  • CSS绘制虚线的方案
    一、实现效果......
  • 在 iframe 中继承父窗口 css/js 的方法
    问题缘由iframe属于一个单独的文档(单独的网页窗口)不能直接使用父页面的资源,如css和js。如果iframe和父页面同域则可以在iframe中使用parent对象来使用父页的js对象继承css因为iframe是单独的网页窗口,所以页面一般都有head标签的。在iframe子页面的head......
  • 重装系统后右键没有git bash here解决办法
    解决电脑右键没有GitBashHere问题1.按下win+r,输入‘regedit’,打开注册表2、找到[HKEY_CLASSES_ROOT\Directory\Background]。3、在[Background]下如果没有[shell],则右键-新建项[shell]。4、在[shell]下右键-新建项[GitBashHere],其值为“GitBashHere",此为右键菜单显示名......
  • useeffect下调用`window.onresize`不生效的解决办法
    组件化开发,多个子组件多次调用onresize使主页面的onresize无法生效解决办法时使用addEventListener添加onresize函数useeffect(()=>{window.addEventListener('resize',function(){//当浏览器窗口大小发生变化时,触发的functionfn()console.log('1......