全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果39,083个

JavaScript实现瀑布流布局详解_javascript技巧_脚本之家

所谓瀑布流布局,就是含有若干个等宽的列,每一列分别放置图片、视频等,放置的元素都是等宽的,因此可能是不等高的。新的元素到来时,会插入高度较低的那一列,这样形成参差的、视觉上像瀑布一样的布局。 这里简化一下,只要两列等宽布局展示图片即可。 思路 两列布局,直接使用flex布局实现即可。不过,这里不能设置alig...
www.jb51.net/article/2566...htm 2025-1-18

Android毕业设计记事本APP_Android_脚本之家

实现该功能的思路是,在布局中设置两个EditText控件,第一个id为et_alter_1,并添加提示文字“请输入原口令”,第二个id为et_alter_2,添加提示文字“请输入修改后口令”,然后设置Button控件,添加文字“确认”。在代码文件中,设置Button控件的点击事件,当用户点击确认按钮时,获取et_alter_1的字符串并与共享参数...
m.jb51.net/article/2202...htm 2024-12-29

基于JS实现一个可拖拽的容器布局组件_javascript技巧_脚本之家

使用开源拖拽库,回调里面给相关容器设置一下宽度即可,几行代码就搞定了。...不对,这是新同学才应该有的想法,但我是一个老前端啊,后来我又想了一下,如果我实现了上面的功能,那两列布局、三列布局、不管几列布局都应该可以拖拽啊,那页面左边的菜单,右边弹出的抽屉也可以让用户拖拽啊,嗯...那就做成一个组件...
www.jb51.net/javascript/3083804...htm 2025-1-20

使用CSS和Java来构建管理仪表盘布局的实例代码_CSS教程_CSS_网页制作...

除了第一篇和最后一篇文章将覆盖整个父宽度,其他所有文章都将成为两列布局的一部分。 关联的样式: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 /*CUSTOM VARIABLES HERE*/ .page-content .grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } ....
www.jb51.net/css/7321...html 2025-1-12

Bootstrap栅格系统使用方法及页面调整变形的解决方法_javascript...

你可以通过使用这些对应设备的栅格类来决定自己应用在不同设备上的布局样式。 例如: 这种编码的结果就是,这两个div在pc端浏览起来是两行(每行都占据12列栅格),而在手机端浏览器来是一行两列(每列占据6列栅格)。 通过这种形式,就能很方便地使用栅格系统定制自己的应用布局了。 其他信息 除了以上的使用方法之外...
www.jb51.net/article/108004.htm 2017-3-10

微信小程序通过js实现瀑布流布局详解_javascript技巧_脚本之家

此方法采用左右两列布局,判断两边高度。如果左<右,填充到左边,否则填充到右边(list不建议一次请求过多数据,过多的数据可能会造成加载慢,可用图片懒加载优化)test.wxml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!--pages/test/test.wxml--> <view class="container"> <view id="left"> <view wx...
www.jb51.net/article/1686...htm 2025-1-18

图解CSS中position属性的定位用法_CSS教程_CSS_网页制作_脚本之家

这一步只要想演示一下使用相对定位和绝对定位实现的两例布局。在前面的基础上,div-1进行相对定位,而div-1a和div-1b进行绝对定位,从而实现两列布局的效果: CSS Code复制内容到剪贴板 #div-1 { position:relative; } #div-1a { position:absolute;
www.jb51.net/css/4555...html 2025-1-19

浅谈CSS在前端优化中一些值得注意的关键点_CSS教程_CSS_网页制作_脚本...

1.2 用CSS来布局并处理边界 浏览器渲染页面其实是在渲染一系列“盒子”,而且这些“盒子”都可以嵌套。在用CSS做布局的时候,应该注重语义化,把一组元素都包在一个盒子里,而不是把部分元素丢到盒子外面。如下图所示,要用CSS来实现这种简单的两列布局,较好的做法是给右栏设置一个padding-left,并把左栏图标绝对定位...
www.jb51.net/css/4694...html 2025-1-13

多列等高的CSS实现代码_CSS教程_CSS_网页制作_脚本之家

上图中的页面的主体内容是两列结构,左列是用来导航的,右列是用来显示内容的。我们看到它们有一个共同的边框,中间还有一条分隔线,左右两列的高度都是不固定的。这种情况下就需要两列的高度保持一致了,左边高度增加,右边也跟着增加,右边高度增加,左边同样也要增加,否则就会出现“断层”的效果。在这里,等高布局是为了...
www.jb51.net/css/669...html 2024-12-19

iOS仿微博客户端一条微博的展示效果_IOS_脚本之家

首先先根据配图的张数和屏幕的宽度确定图片的大小imageWidth,然后再确定行数和列数。 1、只有一张配图时,imageWidth = 屏幕宽度 * 0.55; 2、配图超过一张时,imageWidth = (屏幕宽度 - 间隙) / 3; 3、配图是2张或者4张时,分为两列布局,而配图3张或者大于4张时,则分为三列布局。 LeadingSpace 是图片与...
www.jb51.net/article/1070...htm 2025-1-15