编辑: f19970615123fa 2019-07-04
巧用 minipage 实现图片等的并排排版

2017 年4月29 日 有的时候,我们需要并排两个甚至更多的图片,这个时候 minipage 就派上了用场,如下面的两张图 片所示,两个图片分别位于两个 minipage 中,中间使用"水平填充符" .

具体的操作步骤如下: 1. 插入第一个 minipage,宽度设置为 38% 文本宽度. 2. 插入第二个 minipage,宽度设置为 58% 文本宽度. 3. 插入水平填充符.这一步不是必须的,但是插入水平填充符会在两幅图片之间制造一个合适的间隔, 视觉上效果好些. 4. 分别在两个 minipage 插入图片,选择图片的宽度为不超过 100% 文本宽度即可. 也可以实现左图右代码的并排排版,如下图所示.其要点是图片要采用"阴影背景"修饰,否则会导致错 位,还没有搞清楚原因.

2 /** * Created by subaochen on 17-3-22. */ public class Animal { static class Dog extends Animal { @Override protected void hello() { System.out.println("hello from dog");

} } static class Cat extends Animal { @Override protected void hello() { System.out.println("hello from cat");

} } protected void hello() { System.out.println("hello from Animal");

} public static void main(String[] args) { Animal dog = new Dog();

Animal cat = new Cat();

dog.hello();

cat.hello();

} } 由于 minipage 不允许插入标题,因此如果图片需要使用标题,则可以参考:Lyx 中图片并排显示的 设置方式

下载(注:源文件不在本站服务器,都将跳转到源网站下载)
备用下载
发帖评论
相关话题
发布一个新话题