h5移动端
行走的碎道
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
多个div实现横向滚动
多个div实现横向滚动最近在做项目的时候需要实现多个元素横向排列,需要其可在固定范围内左右滑动,原本以为只需要父元素的宽度固定子元素的宽度超过父元素的宽度几个实现滑动,但事实上并不是这样的。最终实现方式记录如下:1、实现如下:设置多个并排的元素外面嵌套一层div(.parentDiv),设置此div的宽度等于所有子元素的宽度之和.在.parentDiv的外层在嵌套一个div设置样式style: overflow-x: auto;实例:div中多个图片实现左右滑动注:实际中.imgBox的宽原创 2020-08-06 14:27:28 · 3408 阅读 · 0 评论 -
css如何实现让div中的多行文字居中显示
标题css如何实现让div中的多行文字居中显示最近在做项目的时候遇到一个div中有多行文字(可能一行也可能多行)需要实现居中显示,试了好多方法都不行,显然不能使用padding来居中,因为文字有多少行不确定。解决办法: 文字 文字 在文字外面套一层div,设置div的居中,文字也就随着居中了。;function getUrlParam(name) { var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”); //构造一个含有目标参数的正则表达式对象 var r = window.location...原创 2020-04-27 15:47:05 · 464 阅读 · 0 评论 -
基于Mui中picker选择器实现动态从后台请求数据时setData方法传值的问题
最近开发项目有个关于省市县联动的小功能,引用mui中的picker选择器,根据文档操作来并不难,关键问题在于setData()中传的json数据的问题一般来说,Mui的picker选择器中传的数据都是一个city.js文件,里面的数据是json格式,百度了好多关于picker选择器的用法,数据都是如出一辙的某个文件—“city.js”,如下图:那么问题来了,这个文件的数据都是死数据啊,虽说...原创 2020-04-09 15:29:32 · 2191 阅读 · 1 评论 -
移动端H5页面,关闭手机键盘!
标题 移动端H5页面,关闭手机键盘!最近在手机端页面遇到当点了输入框后弹出手机键盘,当关闭当前弹框页面后手机键盘未关闭。解决方案:document.activeElement.blur();注:activeElement是HTML的Dom属性,activeElement 属性返回文档中当前获得焦点的元素, 该属性是只读的。提示: 为元素设置焦点,可以使用 element.focus()...原创 2020-04-07 17:32:56 · 3721 阅读 · 2 评论 -
一个高度不固定的div,里面的文字如何垂直居中?
一个高度不固定的div,里面的文字如何垂直居中?最近在做项目中遇到父元素高度不固定,但是Dom元素里面的文本内容需要上下居中显示,解决方案:一、针对弹性布局的盒子:垂直居中:align-items:center; display: -webkit-flex;水平居中:justify-content:center; display: -webkit-flex;二、可通过js动态设置...原创 2020-04-02 15:41:02 · 4849 阅读 · 0 评论 -
父元素flex布局,实现某个子元素居右显示!
标题父元素flex布局,实现某个子元素居右显示!如果父元素是flex布局,想让其中一个子元素居右显示,可用css设置样式实现。方式一:margin-left: auto;方式二:flex: 1;text-align: right;...原创 2020-03-30 15:29:06 · 8773 阅读 · 0 评论 -
引用Mui后使用select下拉框默认展开下拉指示剪头不显示!
标题引用Mui后使用select下拉框默认展开下拉指示剪头不显示!1、最近使用mui做移动端的项目,在使用select下拉框的时候发现下拉指示剪头显示不出来,下拉框正常可以展开,经过查资料发现好像是默认样式把select标签的下拉箭头隐藏了,解决方案:(1)、除非改掉mui.min.css,不然改不了(2)、我通过自己设置图标解决了问题background:url('../../img/d...原创 2020-03-18 17:02:00 · 2206 阅读 · 0 评论
分享