Greasy Fork

大佬您好，请问怎么让某些网站的图片能并排显示，就像https://greasyfork.org/zh-CN/scripts/419215/discussions/147787里一样

比如想让这个网址的图片：https://www.v2ph.com/album/a885x47a.html?hl=zh-Hans 能并排显示，这样浏览图片素材的效率会高一点，那自定义规则该怎么写呢

看了下，但这个 URL 限制访问。。。

要控制图片并排，需要依靠 "style": "xxx{xxx}" CSS 样式规则，给图片设置样式，具体需要根据图片当前样式来写规则，如果图片一行只显示一个，那要么是图片太宽，要么是配置了 display: block; 样式将图片元素强制为 块 了（独占一行）。
一般来说将其改为初始样式即可，如：img {display: initial !important;} 这样的话，只要图片没那么宽，正常情况下就应该并排显示了。
对于太宽的图片，也可以调整图片宽度 img {max-width: 33% !important; height: auto !important;} 即图片最宽占网页的 33%，高度则自适应。

你可能需要简单学一下 CSS，这些都是很基础的知识，但如果不懂基础的话，看起来就可能迷糊。。。

拿规则库里的规则稍微改一下。

	"微图坊": {
		"host": "/(www\\.)?v2ph\\.(com|net)/",
		"url": "/^\\/album\\//",
		"style": ".album-photo, .photos-list img {opacity: 1 !important; position: unset !important; padding: 0 !important;}div.album-photo{float:left !important;max-width: 33.3% !important; height: auto !important;}",
		"pager": {
			"nextL": ".active.page-item+li>a",
			"pageE": "div.album-photo",
			"replaceE": ".pagination"
		},
		"function": {
			"bF": "return fun.src_bF(pageE)"
		}
	},

使用display: initial没有效果，改用float:left有效,只是页码条会变成浮动到上面。

CSS解压缩

div.album-photo {
    float: left !important;
    max-width: 33.3% !important;
    height: auto !important;
}

max-width: 33.3%是一行3张图，改50%是2张，25%就4张。

这网站提高了限制，用自动翻页或频繁访问很容易被封IP，为了测试换了4个VPN。