Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

想问下,怎么让图片并排显示呢 有时候需要直观的左右对比. #1139

Closed
Easy-Ez opened this issue Sep 24, 2016 · 15 comments
Closed

Comments

@Easy-Ez
Copy link

Easy-Ez commented Sep 24, 2016

Expected behavior (预期行为)

图片并排显示

Actual behavior (实际行为)

自动换行了且居左

Steps to reproduce the behavior (重现步骤)

NexT Informations

Add the ✔ sign before an item which is affected by this behavior.

NexT Version:

  • Master
  • ✔ Latest Release
  • Old version -

NexT Scheme:

  • All schemes
  • Muse
  • ✔ Mist
  • Pisces

Other Informations (Like Browser, System, Screenshots)

@xuecat
Copy link

xuecat commented Sep 28, 2016

@ehlxr 我这里Mist主题正文好像不行哦,而且type: "picture"需不需要hexo new相应文件?

@ehlxr
Copy link

ehlxr commented Sep 28, 2016

Mist下可以啊
image

@mengxianliang
Copy link

同问 正文里怎样显示横排图片

@iissnan
Copy link
Owner

iissnan commented Mar 15, 2017

You can override the "block" behavior of images by using <img> html tag with style attribute, for example:

<img src="/uploads/image-1.jpg" alt="image-1" style="display: inline-block" />
<img src="/uploads/image-2.jpg" alt="image-2" style="display: inline-block" />

@mengxianliang
Copy link

按照iissnan所说的方法在编译器里显示的是并排的效果
但是在博客正文中依旧会居中显示 且会加上一个灰色的边框(我猜应该是next主题里会自动给图片居中然后添加点击放大的方法)
请问还有别的方法能解决这个问题么 ;或者怎样取消next主题中这个自动使图片居中的功能,从而让图片能够在博客正文中并列显示

@xuecat
Copy link

xuecat commented Mar 17, 2017

人家 ehlxr 早就给了方案了,你们不认真看。。。上面都还有链接,,,,浪费人家回复呀!!!

多图方案早就可以玩了!!!!!!

@mengxianliang
Copy link

@xuecat 他的连接我看过也按照教程写过,但是他的多图是在博客列表里显示的,我问的是博客“正文”中怎样实现多图并排显示;我也在他的那篇博客下评论过,他本人也回复说暂无方法实现“正文”中的图片并排显示;next里的Issues关于并排图片的问题我都翻了一遍了,没发解决方案我才问的。

@xuecat
Copy link

xuecat commented Mar 17, 2017

你好好试试看。。。
default

@mengxianliang
Copy link

@xuecat 又按照他的方法重新弄了一遍,果然好使了,是我之前疏忽了,不好意思。

@meijieru
Copy link

@xuecat 你好,我按照你的方法试了一下,结果是两张图片上下排列,都居中,请问是什么问题呢?

@xuecat
Copy link

xuecat commented May 15, 2017

@meijieru 你帖子都还没看完吧!!
上面就已经说了很多次了,先要照ehlxr 的教程把next的几处源码改了,再使用这方法才有效。。。

如果还是无效,就无能为力了。

@ivan-nginx
Copy link
Collaborator

@sh1tge dont understand u, write in English if not solved. If solved, close it please. Thank's!

@guopengd
Copy link

guopengd commented Jun 2, 2019

@ehlxr 您好,使用这个功能之后,图片点击无法放大预览,请问怎么解决呢?

@stevenjoezhang
Copy link
Contributor

Repository owner locked and limited conversation to collaborators Aug 16, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

9 participants