欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > ngrok 服务搭建内网穿透,多张image图片排列有空隙解决方案

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:504

HTML5影视传媒文化公司类网

2020-05-12   浏览:500

ngrok 服务搭建内网穿透,多张image图片排列有空隙解决方案

发布时间:2020-12-20  


我们建议下载的时候最好把文件放在一个比较容易找的地方,如果是我,我会更改一下文件名,而且是英文的。

第二步、解压到相应文件夹 
建议直接解压到d盘根目录,这样你就可以直接cd 进入这个客户端文件夹了,比如我们的客户端,你需要 cd 64bits_client 。(我的放置在F:\exploitTools\newNgrok)

第三步、打开命令行 
如果想用系统自带的命令行,点击开始,输入cmd;如果有git bash,相信我也不用多说了。

第四步、进入刚才的解压包 
执行 ngrok -config=ngrok.cfg -subdomain xxx 80 //(xxx 是你自定义的域名前缀)。

第五步、(补充)想好你的唯一域名 
我还是想提醒一下,确保你的域名前缀唯一,这里的方式有很多,比如你的qq或者你的手机号码,甚至你的微信号,这可以对你的项目起到一定的保护作用。

第六步、(补充)打开你的本地服务器 
比如经常有小伙伴会忘记打开自己的apache或者nginx等等,这会让你浪费很多时间,很不值得。不妨先访问127.0.0.1:80确保访问正常,再开始使用ngrok。

有问题可以进这个相应网站咨询,ngrok.2bdata.com

工具地址:

ngrok 服务搭建内网穿透,多张image图片排列有空隙解决方案

ngrok 服务搭建内网穿透,多张image图片排列有空隙解决方案

ngrok 服务搭建内网穿透,多张image图片排列有空隙解决方案

 

二:多张image图片排列有空隙解决方案

分享者:云阶月地,原文地址 
上个项目是卖东西的,商品详情传的组图,排上去后发现每张图片下有大概10+rpx的下边距,显得很不好看。查了一下貌似是小程序的默认样式。没找到解决方案,看到有说用微信编辑器传图的,好像很麻烦就没去试,自己琢磨了两种方法。

原本不做处理的样子: 

ngrok 服务搭建内网穿透,多张image图片排列有空隙解决方案

 

.det-pics-w image {

width:100%;

min-height:630rpx;

}

 

.det-pics-w {

position: relative;

}

第一种解决方案:flex

 

.det-pics-w image {

width:100%;

min-height:630rpx;

}

 

.det-pics-w {

position: relative;

display: flex;

flex-direction: column;

}

第二种解决方式:margin-top负值

 

.det-pics-w image {

width:100%;

min-height:630rpx;

margin-top:-12rpx;

}

 

.det-pics-w {

position: relative;

}

两种都可以去掉这个间隙。效果如下 

ngrok 服务搭建内网穿透,多张image图片排列有空隙解决方案