起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1630|回复: 8

[处理中3] 救命,求救!

[复制链接]

105

主题

390

帖子

698

积分

高级会员

Rank: 4

积分
698
QQ
发表于 2018-5-11 16:28:57 | 显示全部楼层 |阅读模式
自己改了一个左滑的例子,但是列表中li的高度不固定,内容多一些会高一点,少些会矮一点,没法让删除按钮上下居中显示,请问该如何修改


QQ20180511-162440.png

105

主题

390

帖子

698

积分

高级会员

Rank: 4

积分
698
QQ
 楼主| 发表于 2018-5-22 11:33:22 | 显示全部楼层
人呢
回复

使用道具 举报

发表于 2018-5-22 11:58:09 | 显示全部楼层
为什么要让删除按钮上下居中呢??   
当前行再什么位置,删除按钮就在什么位置滑出来的,
你是想让li高度一致吗??可以设置固定高度,多余文字使用... 省略号显示!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

105

主题

390

帖子

698

积分

高级会员

Rank: 4

积分
698
QQ
 楼主| 发表于 2018-5-22 13:39:09 | 显示全部楼层
liangyongfei 发表于 2018-5-22 11:58
为什么要让删除按钮上下居中呢??   
当前行再什么位置,删除按钮就在什么位置滑出来的,
你是想让li高 ...

需求是不加省略号,全部显示出标题,然后上下居中显示
回复 支持 反对

使用道具 举报

发表于 2018-5-22 17:57:42 | 显示全部楼层
yj01263431 发表于 2018-5-22 13:39
需求是不加省略号,全部显示出标题,然后上下居中显示

设置高度百分百试试看吧!
样式问题,自己F12调试,设置下就行
http://docs.wex5.com/wex5-ui-question-list-2181
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

105

主题

390

帖子

698

积分

高级会员

Rank: 4

积分
698
QQ
 楼主| 发表于 2018-5-22 18:02:50 | 显示全部楼层
liangyongfei 发表于 2018-5-22 17:57
设置高度百分百试试看吧!
样式问题,自己F12调试,设置下就行
http://docs.wex5.com/wex5-ui-question-l ...

每一项高度都不一样,百分比改设置多少?跟设置像素是一样的
回复 支持 反对

使用道具 举报

发表于 2018-5-23 18:29:01 | 显示全部楼层
yj01263431 发表于 2018-5-22 18:02
每一项高度都不一样,百分比改设置多少?跟设置像素是一样的

你是指这个文字居中吗??

这个样式自己调一下吧! css问题,上网搜下css如何垂直居中?
3N]W@3V7[2XFDRZDN585`}M.png
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

105

主题

390

帖子

698

积分

高级会员

Rank: 4

积分
698
QQ
 楼主| 发表于 2018-5-25 15:09:24 | 显示全部楼层
本帖最后由 yj01263431 于 2018-5-25 15:17 编辑
liangyongfei 发表于 2018-5-23 18:29
你是指这个文字居中吗??

这个样式自己调一下吧! css问题,上网搜下css如何垂直居中?

是的,要的就是垂直居中,因为这个DIV使用了绝对定位,设置垂直居中不管用了
网上垂直居中的样式都试过了display:table-cell;vertical-align: middle;
回复 支持 反对

使用道具 举报

105

主题

390

帖子

698

积分

高级会员

Rank: 4

积分
698
QQ
 楼主| 发表于 2018-5-25 17:33:45 | 显示全部楼层
大哥,帮帮忙,实在没招了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-9-25 23:22 , Processed in 0.063467 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表