使用滚动视图(scroll-view): WXML页面: WXSS页面: JSON页面: ...
分类:
其他好文 时间:
2017-11-03 13:01:17
阅读次数:
1360
方法一 思路:显示设置父元素为:table,子元素为:cell-table,这样就可以使用vertical-align: center,实现水平居中优点:父元素(parent)可以动态的改变高度(table元素的特性)缺点:IE8以下不支持 方法二: 思路:使用一个空标签span设置他的vertic ...
分类:
Web程序 时间:
2017-09-27 13:29:13
阅读次数:
261
<div style="background-image: url(http://your-image.jpg);"> <img src="http://your-image.jpg" style="opacity:0;" /></div> 用图片去占位,把div高度撑开就可以显示背景图片 同时改变 ...
分类:
其他好文 时间:
2017-09-07 19:40:30
阅读次数:
130
1.隐藏和显示 2.透明度与高度 3.可见性 4.程序一(show与hide加入参数实现动画) 5.程序二(只改变高度slideDown,slideUp) 6.程序三(只改变透明度fadeIn,fadeOut) 8.程序四(可见性的切换) ...
分类:
Web程序 时间:
2017-08-06 18:12:51
阅读次数:
188
五个li前三个都是只改变高、宽、透明度中的其中一个。第四个是链式动画,当鼠标移入的时候先改变高度再改变宽度,最后再改变透明度;当鼠标移出的时候反序恢复,先恢复透明度与,再恢复宽度最后恢复高度。最后一个li是同时运动,使得元素的高宽和透明度同时发生改变。为了实现同时改变引用了json。 json的格式 ...
分类:
Web程序 时间:
2016-11-30 22:37:56
阅读次数:
215
前段时间项目需求,需要做一个有限制长度的输入框并动态显示剩余文字,同时也要动态改变EditText的高度来增加用户体验。现整理出来与大家分享。 先来看看效果图 看了效果就分享一下布局 这句很重要,很多人在第一次做的时候不知道,经常会说弹出的键盘会遮住了输入框,这个加上manifest.xml里的an ...
分类:
移动开发 时间:
2016-09-29 09:37:31
阅读次数:
364
简介:缩进或外凸是指拉伸型元素一条或多条边与上级容器重叠时,修改该元素的高度或宽度;偏移指设定尺寸或收缩适应型元素在不改变高度和宽度情况下,元素整体偏离常规流位置;对齐指设定尺寸或收缩适应型元素在不改变高度和宽度情况下,将其位置重新定位到上级容器的其中一条边,或者相对于该边偏移一定位置。 1、 缩进 ...
分类:
其他好文 时间:
2016-08-14 20:39:31
阅读次数:
135
在做一个下拉框的动画效果中遇到了这个bug,记录一下。 在写下拉框的动画的时候,一般我们的做法都是把下拉框的外盒子设为overflow:hidden,然后设下外层盒子高度,之后通过js慢慢的改变高度从而达到动画效果。 那么有时候我们设overflow:hidden的时候可能会遇到这样的bug。 首先 ...
分类:
其他好文 时间:
2016-05-18 17:39:54
阅读次数:
279
第四种方法: 这个方法把一些div的显示方式设置为表格,因此我们可以使用表格的vartial-align属性。 代码如下: 优点: content可以动态改变高度。当wrapper里没有足够空间时,content不会被截断 缺点: Internet Explorer(甚至 IE8 beta)中无效, ...
分类:
Web程序 时间:
2016-05-16 10:53:43
阅读次数:
273
设置图像高度,默认情况下,改变高度的同时,其宽度也会等比例进行调整;设置图像宽度,如果同时设置两个属性,且缩放比例不同的情况下,图像很可能变形;在默认情况下,页面中插入的图像是没有边框的,可以通过border属性为图像添加边框。<img src="图像文件的地址" width="图像的宽度" hei ...
分类:
Web程序 时间:
2016-04-24 18:26:21
阅读次数:
197