UniGui使用CSS移动端按钮标题垂直

unigui移动端中按钮拉窄以后,标题无法垂直居中,是因为标题有一个padding属性,在四周撑开一段距离。会变成这样:

UniGui使用CSS(1)移动端按钮标题垂直

解决方法,用css修改padding,具体做法如下

首先给button的cls创建一个cls,例如

UniGui使用CSS(1)移动端按钮标题垂直

然后添加css,老规矩,添加css的方法有两种一种在servermodule的customcss里添加,一种是使用自定义css文件添加,此处以第一种方法演示

UniGui使用CSS(1)移动端按钮标题垂直

UniGui使用CSS(1)移动端按钮标题垂直

把按钮设高一些,btn的height设置成60

UniGui使用CSS(1)移动端按钮标题垂直

相关推荐

  1. WebApp 使用post-css实现移动适配

    2023-12-12 14:22:03       14 阅读
  2. 【html5的video标签移动使用

    2023-12-12 14:22:03       3 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-12 14:22:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-12 14:22:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-12 14:22:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-12 14:22:03       18 阅读

热门阅读

  1. python elasticsearch 日期聚合

    2023-12-12 14:22:03       26 阅读
  2. 利用flask将yolov5算法封装成在线推理服务

    2023-12-12 14:22:03       43 阅读
  3. Windows server flask

    2023-12-12 14:22:03       37 阅读
  4. 2024年软考高项还是机考吗?附常见问题答疑

    2023-12-12 14:22:03       33 阅读
  5. 816 - Abbott‘s Revenge (UVA)

    2023-12-12 14:22:03       42 阅读