rpx 第23页

微信小程序限制文本单行和多行显示省略号

1、限制多行显示省略号：#itemChatContent{width:80%;margin-top:10rpx;font-size:30rpx;//以下是关键display:-webkit-box;text-overflow

Mr_Tony·2020-08-26 23:20

微信小程序 image float right后右边的边距没有了

出现问题前代码：.feedback_scroll_scro{width:100%;padding-left:30rpx;}修改问题后代码：.feedback_scroll_scro{width:720rpx

且听真言·2020-08-26 23:06

微信小程序-文本超出字符数量出现省略号

-当行文本(建议设置一个宽度，默认为100%).name{width:319rpx;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow

ヾ柠檬不酸·2020-08-26 22:52

微信小程序使用view标签实现文字固定两行超出部分显示...

(个人笔记)height:86rpx;//高度设置为两行文字的显示高度overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp

-祖国的花朵-·2020-08-26 22:02

微信小程序-让某个元素靠右、靠左、或者处于父元素的任意约束位置

WXML:参与讨论CSS:父元素.task-box{width:690rpx;height:70rpx;display:flex;position:relative;/*父元素位置要设置为相对*/}子元素

Reco_177·2020-08-26 22:48

translateX 对width的影响

问题：在使用translatex使元素居中对齐时：.price-box.price-count{left:50%;top:-24rpx;transform:translateX(-50%);height

百里宝宝·2020-08-26 12:21

微信小程序中 scroll-view触底事件不触发的解决方法

scroll-view组件是否设置了确定的高度，若没有请设置scroll-view组件的lower-threshold参数是否带了单位，若带了单位如px、rpx等，请去除，只使用数值。

渔父歌·2020-08-26 07:40

scroll-view实现不了滑动效果

就有了下面的这样的布局修改过后的布局：.cover{height:100rpx;}.scroll_box{width:

咔咔-·2020-08-25 17:23

微信小程序实现横向滚动导航栏

flex;font-size:15px;width:100%;overflow-y:scroll;white-space:nowrap;}.classify{height:100%;width:100rpx

球球果果·2020-08-25 11:46

小程序图片居中方法

//.wxss里的参数.imagesize{display:flex;//flex布局justify-content:center;//水平轴线居中}.imagesizeimage{width:400rpx

非感官·2020-08-25 07:10

小程序怎样能实现尺寸宽度的一半

view{width:375rpx;//只需要给设置成375rpx就可以了height:375rpx;background-color:red;}理由:小程序中rpx尺寸单位,把所有宽度尺寸的屏幕化为750

xunhaomeng·2020-08-25 00:30

解决微信小程序真机显示界面文本框不正常显示

问题描述：正常显示应该如下真机测试时有些机型显示如下，样式丑陋问题解决：限制输入手机号这一组件的宽度，添加style="width:{{'200rpx'}}"问题原因：输入手机号和发送验证码这两个组件属于并列关系

来自远古时代的pansy·2020-08-24 22:42

微信小程序开发之实现个滚动的效果的两种方法

微信小程序开发之实现个滚动的效果的两种方法01overflow：scroll代码示例：abc/*pages/test/test.wxss*/.flex-test{width:400rpx;height:

myloveqiqi·2020-08-24 22:48

小程序 :after实现1px纵向分割线

杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416在开发中往往会使用到分割线，下面我们来研究下view部分：+86123css部分：.line{display:flex;height:56rpx

初心-杨瑞超个人博客·2020-08-24 19:00

css的伪类before的使用

~倾半世阳光·2020-08-24 19:25

伪类的使用

1.某个元素的下划线，表示选择当前元素HTML：{{item.name}}CSS:.classify-item{display:inline-block;font-size:28rpx;line-height

qq_36437172·2020-08-24 18:19

九零七·2020-08-24 17:52

WebStorm开发微信小程序：解决在wxss中格式化rpx前会多出一个空格的问题

开发环境Windows10软件工具sed下载地址：https://github.com/mbuilov/sed-windows配置Webstorm1、需要利用文件监听：preference->Tools->FileWatchers2、点击下方+号，新增一个文件监听3、name:自定义即可Filetype:选择CascadingStyleSheetProgram:写上sed.exe全路径Argume

Star李猛·2020-08-24 16:04

小程序实现横向滑块，超过10个则出现查看更多

栀子·2020-08-24 15:59

Taro小程序单位转化和无法使用全局样式

在Taro中书写尺寸按照1:1的关系来进行书写，即从设计稿上量的长度100px，那么尺寸书写就是100px，当转成微信小程序的时候，尺寸将默认转换为100rpx，当转成H5时将默认转换为以rem为单位的值

ʚ惡喵咆哮ɞ·2020-08-24 14:46

小程序修改轮播图的小点样式

width:100%;}.swiper-box{position:relative;width:100%;}.dots{position:absolute;left:0;right:0;bottom:20rpx

小支·2020-08-24 11:12

微信小程序：Swiper组件的小圆点的位置如何更改

/*banner样式*/.banner_view{width:100%;height:386rpx;backgroun

林笑眉·2020-08-24 11:03

小程序之修改轮播图的小点样式

width:100%;}.swiper-box{position:relative;width:100%;}.dots{position:absolute;left:0;right:0;bottom:20rpx

weixin_33699914·2020-08-24 10:57

小程序修改swiper小圆点

hot-box.wx-swiper{background-color:#000;}.hot-box.dots{display:flex;justify-content:center;margin-bottom:50rpx

weixin_30247781·2020-08-24 10:08

小程序实现导航栏效果————（2019.12.23学习笔记）

第一件事就是声明好导航栏可能需要用到的样式（代码如下）/*Accessories/My_tab/My_tab.wxss*/.tab-contrl{display:flex;/*弹性布局*/height:88rpx

曾胖神父·2020-08-24 09:37

微信小程序实现下拉框功能

300:selectData.length*60):0}}rpx;'>{{item}}5?

修行与蜕变·2020-08-24 08:07

小程序身份证上传

wxss代码：.row{display:flex;flex-direction:row;align-items:center;margin-top:40rpx;}.delete{flex:1;text-alig

猴子学编程·2020-08-24 08:44

小程序不同机型适配

用rpx!!!不管是字体大小、边距、宽高等，单位一定要用rpx，它可以帮助你在不同机型下做到完美适配，用px的话你就等着哭吧。亲测各个机型rpx会完美适配。.

猴子学编程·2020-08-24 08:40

修改小程序swiper轮播指示点样式

这就是要设定的轮播的盒子就行part3就是父盒子盒子，这个随意，这就是要设定的轮播的盒子就行.part3.wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom:2rpx

bug修复器·2020-08-24 08:44

微信小程序-文字循环滚动效果

WXML{{item.title}}WXSS.swiper_container{background-color:#e7e6e6;height:50rpx;width:100%;}.swiper_item

大闸蛙·2020-08-24 08:53

微信小程序之媒体查询@media

微信小程序支持媒体查询，代码如下：@mediascreenand(min-width:700px){.container{padding:30rpx;}}@mediascreenand(max-width

weixin_30603633·2020-08-24 03:05

微信小程序scroll-view横向滚共不生效

并设置white-space:nowrap;一定要将scroll-view容器的每一项都设置宽度和display:inline-block.a-scroll{width:100%;height:300rpx

杀个程序猿祭天·2020-08-24 02:45

微信小程序类似淘宝的购物车门店下的商品以及全选和单个删除完整代码

priceAll}}结算({{count}})wxss/*pages/test/test.wxss*/.teacher-kes{width:90%;margin:0rpxauto;margin-top:36rpx

释怀Believemin·2020-08-24 02:22

微信小程序使用媒体查询

(375*667)、iPhone6Plus(414*736)、iPhone7Plus(414*736)写个简单demo，主要是对375和414的适配.box{width:100%;height:610rpx

素味平生·2020-08-24 02:35

设置居中样式

水平居中：方法1：margin和width实现水平居中.center{width:200rpx;margin-left:auto;margin-right:auto;/*或者margin:0auto;代替

舒小妮儿·2020-08-24 01:31

uniapp得横向滚动组件

uni-bg-blue{background:blue;}.scroll-view-item_H{display:inline-block;width:150px;height:150px;padding-left:10rpx

库行天下·2020-08-23 21:06

微信小程序利用腾讯云IM发送语音 + 图片

wxml{{item.payload.second}}''{{item.payload.second}}''{{title}}2，wxss样式/*录音*/.record-modal{height:230rpx

彡木·2020-08-23 21:52

小程序网格布局

超超超超超.words{display:flex;justify-content:space-around;margin-top:30rpx;}

放开那小超·2020-08-23 20:47

webstrom IDEA rpx 底下红色 “报错” 标注以及代码格式化 Ctrl(cmd)+ Alt(option) + L 后数字与rpx之间出现空格的问题

IDEArpx底下红色“报错”标注以及代码格式化Ctrl(cmd)+Alt(option)+L后数字与rpx之间出现空格的问题，，这个问题真的很蛋疼，，，查了好久，，看到有人还说，因为iDea不支持rpx

rainning_z·2020-08-23 19:59

移动端适配方案（rpx，rem，vh，vw，%）

移动端适配方案rpx单位（小程序专用单位）微信小程序才有的，在小程序中把屏幕宽度看成了750rpx100vw750rpx没有rem公式（手机屏幕中元素的宽度=设计稿中元素的宽度(已知)*手机屏幕宽度(750rpx

elongpaox·2020-08-23 18:40

Swiper轮播显示Demo

index.wxss/.userinfo{display:flex;flex-direction:column;align-items:center;}.userinfo-avatar{width:128rpx

qq_25396633·2020-08-23 18:38

小程序学习记录

nowrap;//强制不换行}多行文本text{display:-webkit-box;word-break:break-all;text-overflow:ellipsis;font-size:32rpx

只是个少年·2020-08-23 18:37

px、em、rem、rpx 用法与区别

PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1.IE无法调整那些使用px作为单位的字体大小；2.国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3.Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置

function__·2020-08-23 16:17

微信小程序text文本溢出单行/多行省略

这时候设置样式：.note_itemtext{display:-webkit-box;font-size:28rpx;color:#000000;line-height:40rpx;wo

zhuhai__yizhi·2020-08-23 04:15

小程序的小bug（五）--------------------处理文字过长显示省略号的问题

首先话不多说,上图通常我们在处理文字长度的时候处理一行变成省略号还是比较简单的.此处不赘述,多行的时候有点无从下手可以用css3的方法上代码.course-name{font-size:30rpx;word-break

一心想做程序猿的码农·2020-08-23 04:16

微信小程序——意见反馈页面的实现（使用使用微信官方反馈功能）

navigationBarTitleText":"问题反馈"}.wxml意见反馈本程序仅供娱乐.wxss.section_text{position:fixed;text-align:center;bottom:30rpx

Clea.Z·2020-08-23 03:01

小程序文字超出处理

1.单行：父级容器加overflow:hidden;否则不显示省略号.text{overflow:hidden;font-size:28rpx;white-space:nowrap;text-overflow

玲曦·2020-08-23 02:38

Tyvj P1062 合并傻子

（合并方法与NOI1999石子合并（本题库的沙子合并）相同，请大家参考上题合并方法）将N个傻子合并成1个的最小RP数为RPn和最大RP数为RPx.钟某人要合并他

ShinyaLicone·2020-08-23 00:58

微信小程序添加购买规格选择时的model

background-color:#ccc;}.tool_bottom{border-top:2rpxsolid#928e8e;position:fixed;left:0;bottom:0;width:100%;height:90rpx

ztfloserboy·2020-08-22 20:20

微信小程序实用小组件：自定义tabbar

flex-direction:row;justify-content:space-around;position:fixed;bottom:0;left:0;z-index:999;width:100%;height:120rpx

东边的小山·2020-08-22 20:13

推荐频道

rpx