精华内容
下载资源
问答
  • \centering \caption{ pics} \end{figure} 其中0.25\linewidth是你插入图片的幅度(我理解为这副图的宽占1/4行,你下张图并排插入的话需要从1/4行处往后开始插),相当于0.25倍的当前latex中规定的一行的长度(感谢@...

    最近需要用latex插入多张图片,达到这么一个效果。

    但是我原来只插入过一张图片(图片内容来源于网络;是国漫一人之下的宝儿姐。强推这部国漫~),代码如下,效果如图:

    \begin{figure}
    \centering
    \includegraphics[height=4.5cm,width=9.5cm]{111.eps}
    \caption{pic1}
    \label{2}
    \end{figure}

     

     

     

    所以我去网上搜索了一些资料,找到了一些关于在latex中插入多个图片的方法,首先我们来看第一种方法,也是我一开始用的方法:利用latex的subfigure排版,并排放置多张图。(使用宏包\usepackage{graphicx}以及\usepackage{subfigure} 谢谢@那些空洞的日子指出拼写错误)

    源码如下,达到效果如下:

    \begin{figure}[htbp]
    \centering
    \subfigure[pic1.]{
    \begin{minipage}[t]{0.25\linewidth}
    \centering
    \includegraphics[width=1in]{111.eps}
    %\caption{fig1}
    \end{minipage}%
    }%
    \subfigure[pic2.]{
    \begin{minipage}[t]{0.25\linewidth}
    \centering
    \includegraphics[width=1in]{111.eps}
    %\caption{fig2}
    \end{minipage}%
    }%
    \subfigure[pic3.]{
    \begin{minipage}[t]{0.25\linewidth}
    \centering
    \includegraphics[width=1in]{111.eps}
    %\caption{fig2}
    \end{minipage}
    }%
    \subfigure[pic4.]{
    \begin{minipage}[t]{0.25\linewidth}
    \centering
    \includegraphics[width=1in]{111.eps}
    %\caption{fig2}
    \end{minipage}
    }%
    \centering
    \caption{ pics}
    \end{figure}
    


    其中0.25\linewidth是你插入图片的幅度(我理解为这副图的宽占1/4行,你下张图并排插入的话需要从1/4行处往后开始插),相当于0.25倍的当前latex中规定的一行的长度(感谢@heathrine指正),width=1in是指图片的宽度。它可以在一个大图的框架里面插入多个小图,自动编号为a,b,c,d....并对小图分别描述。

     

     

     

    但是这个效果还不是我想要的。于是我就想用一个subfigure里面包裹两个pic看看效果

    结果并没有达到我想要的效果。

    这样的话就只是将其分成两个部分,只能对对应的两个部分进行描述,而不能对四张图每张都进行描述了。

     

    然后我在latex代码中每隔两个subfigure打一个回车键,奇妙的事情就发生了!

    \begin{figure}[htbp]
    \centering
    
    \subfigure[pic1.]{
    \begin{minipage}[t]{0.25\linewidth}
    \centering
    \includegraphics[width=1in]{111.eps}
    %\caption{fig1}
    \end{minipage}%
    }%
    \subfigure[pic2.]{
    \begin{minipage}[t]{0.25\linewidth}
    \centering
    \includegraphics[width=1in]{111.eps}
    %\caption{fig2}
    \end{minipage}%
    }%
                     %这个回车键很重要 \quad也可以
    \subfigure[pic3.]{
    \begin{minipage}[t]{0.25\linewidth}
    \centering
    \includegraphics[width=1in]{111.eps}
    %\caption{fig2}
    \end{minipage}
    }%
    \subfigure[pic4.]{
    \begin{minipage}[t]{0.25\linewidth}
    \centering
    \includegraphics[width=1in]{111.eps}
    %\caption{fig2}
    \end{minipage}
    }%
    
    \centering
    \caption{ pics}
    \end{figure}

    然后效果图如下:

    这样就达到了我的效果,既能将图片分成四个小图片,也能对四个小图片分别进行描述。

    为什么打回车就能隔开了呢?因为文档(下面那个链接)里面说:One such is the spacing between figures. By default, the methods described below leave little or no space between two sub-figures. Therefore, horizontal space needs to be added manually (if required) using, e.g., the standard lengths \quad and \qquad or the \hspace command.

    如果不用上述方式,用下面这种也能达到对应的效果。(PS:这种方式看起来简洁一些)

    \begin{figure}[htbp]
    \centering
    \subfigure[pic1.]{
    \includegraphics[width=5.5cm]{111.eps}
    %\caption{fig1}
    }
    \quad
    \subfigure[pic2.]{
    \includegraphics[width=5.5cm]{111.eps}
    }
    \quad
    \subfigure[pic3.]{
    \includegraphics[width=5.5cm]{111.eps}
    }
    \quad
    \subfigure[pic4.]{
    \includegraphics[width=5.5cm]{111.eps}
    }
    \caption{ pics}
    \end{figure}
    

     

     

    下面是一篇关于latex插入图片的文章,贴出来大家看一下:点击打开链接

    另外,还有这么一种方法,大家也可以试一试:

    \begin{figure}[htbp]
    \centering
    \subfigure[1]{
    \begin{minipage}{4.5cm}
    \centering
    \includegraphics[width=6cm]{4a.eps}
    \caption{World Map}
    \end{minipage}%
    }%
    \subfigure[2]{
    \begin{minipage}{7cm}
    \centering
    \includegraphics[width=6cm]{4b.eps}
    \caption{Concrete and Constructions}
    \end{minipage}
    }
    \subfigure[1]{
    \begin{minipage}{4.5cm}
    \centering
    \includegraphics[width=6cm]{4a.eps}
    \caption{World Map}
    \end{minipage}%
    }%
    \subfigure[2]{
    \begin{minipage}{7cm}
    \centering
    \includegraphics[width=6cm]{4b.eps}
    \caption{Concrete and Constructions}
    \end{minipage}
    }
    \caption{side by side figure}
    \end{figure}
    

    如不能正常并排排列,可以尝试改一下width参数。

     

    ----------------------2020-03-05更新------------------

    来自评论区的小伙伴@不染。的回复:po主的代码很有用,解决了我的问题,不过现在通行的主要是subfig宏包代替subfigure,而且使用subfig宏包注意把po主代码中的\subfigure改成\subfloat.

    大家也可以试试这种方法哈,感谢不染。

    ----------------------2020-03-16更新------------------

    给自己打个广告,哈哈哈。

    生活中也不只是工作呀,如果感兴趣的话可以关注我的个人公众号,里面包括:美食、游记等原创内容。

    有什么问题欢迎在评论区交流,希望能够帮到大家~

    展开全文
  • 行元素并排

    2018-01-18 19:52:02
    一、使用css float并排显示 二、使用css display同行显示 我们加入display:inline即可解决实现同行并排显示div盒子对象。对同行所有div标签设置div{ display:inline}样式
  • 图片并排

    千次阅读 2018-03-31 12:24:34
    图片并排遇到的问题本来想实现4张图片并排显示,于是将图片放置div里面,设置div宽度,然后设置图片宽度为25%,原以为会并排显示,但是出现了一点问题。下面是我的代码和效果:代码:效果:可以看到并没有排在一起,...

    图片并排遇到的问题

    本来想实现4张图片并排显示,于是将图片放置div里面,设置div宽度,然后设置图片宽度为25%,原以为会并排显示,但是出现了一点问题。

    下面是我的代码和效果:

    代码:

    效果:

    可以看到并没有排在一起,因为图片之间出现了空隙,于是我去查看盒子模型,看哪里出现问题

    但是盒子模型并没有多余的margin和pandding,百思不得其解,于是我去网上进行提问,然后给出的答案是内联元素出车会产生空格问题。但是为什么内联元素会产生空格呢?因为浏览器将多个空白字符解析为单一空格,因为我们回车的原因,第一个img标签和第二个img标签之间产生多个空白字符。

    接下来就是解决问题了

    第一种解决方案:

    取消回车

    代码:

    这样的话就不会产生空白字符了,但是这样的话代码的可读性变差。

    第二种就是将父级元素的font-size设置为0

    代码

    最终都实现了图片并排

     

     


    展开全文
  • Lab8:并排-源码

    2021-02-16 21:43:52
    实验8 并排
  • 产品左右点击切换可图文并排 产品左右点击切换可图文并排 产品左右点击切换可图文并排 产品左右点击切换可图文并排 产品左右点击切换可图文并排
  • 并排显示图片

    2020-11-26 09:58:17
    <div><p>你好 我想在文章中并排显示图片 我用了以下格式 在本地hexo s中查看正常 部署后无法显示 想请教怎么解决 <pre><code> <center class="half"> <img src="./Lecture-Neural-...
  • 1、行内块实现并排的局限性 1、行内块元素会默认有间距 原因:解析了标签后面的空格 2、行内块元素具有文本对齐特性(基线对齐)导致盒子高低不一致 vertical-align: top/middle/bottom/baseline; 一般不拿行内块...

    1、行内块实现并排的局限性

    在这里插入图片描述
    1、行内块元素会默认有间距 原因:解析了标签后面的空格
    2、行内块元素具有文本对齐特性(基线对齐)导致盒子高低不一致

     vertical-align: top/middle/bottom/baseline;
    

    一般不拿行内块实现并排 我们更多的是用浮动属性实现并排

    2、布局:浮动

    作用:并排 (块级,行内块,行内)
    属性:

    float:left/right/none(默认值)
    
    

    特点:float:left 此盒子会找父元素的左边界停靠,直到遇到一个浮动盒子 或是一个行内块盒子就会停止浮动实现并排

    1、每个并排的盒子都要写浮动属性
    2、浮动盒子会覆盖不浮动的盒子 ,因为浮动元素脱离标准流,形成浮动流,浮到上一层,但是不脱离父盒子的管控
    标准流:默认解析的布局
    影响:父盒子高度塌陷 下面的盒子上移

         .box {width: 200px;
            height: 200px;
            background-color: pink;
            margin-left: 50px;
            float: left;
            }
            /* 浮动以后? ---> 形成了浮动流 */
            .father {
                border:2px solid #000;
         
            }
    
     <div class="father clearfix">
            <div class="box">1</div>
            <div class="box">2</div>
            <div class="box">3</div>  
        </div>
    
    

    在这里插入图片描述
    浮动的影响:1、父元素没有高度(高度塌陷)
    2、浮动盒子形成浮动流,不占原来界面位置
    BFC原则规定浮动高度不参加高度计算

    展开全文
  • 为您提供Photo Side-by-Side 并排照片下载,Photo Side-by-Side是一款多功能图像管理工具,能够帮助用户并排比较图片,查看两张照片的差异,用户只需要拖动图像到软件主界面即可,界面简洁直观,操作简单方便。...
  • CSS 元素并排

    2019-05-09 16:03:00
    利用CSS的float属性可以将元素并排,做出三列并排的布局。 如这样的效果 实现的原理:只要将3个元素设置float属性,属性值为left,同时指定不同比例的宽度,及高度。 下面是实现代码 <!DOCTYPE html> <...

    利用CSS的float属性可以将元素并排,做出三列并排的布局。

    如这样的效果

    实现的原理:只要将3个元素设置float属性,属性值为left,同时指定不同比例的宽度,及高度。

    下面是实现代码

    <!DOCTYPE html>
    <html>
        <head>
            <title>元素并排</title>
            <meta charset="UTF-8">
            <style type="text/css">
                body{margin:0px;padding:0px;}
                .column1{
                    float:left;
                    width:33.33333%;
                    
                    min-height:800px;
                }
                div{color:#fff;}
                .column2{
                    float:left;
                    width:33.33333%;
                    
                    min-height:800px;
                }
                .column3{
                    float:left;
                    width:33.33333%;
                    
                    min-height:800px;
                }          
           </style>
        </head>
        <body>
            <h1>软件开发,成就梦想</h1>
            <h2><a href="https://www.liyongzhen.com/">学编程,上利永贞网</a></h2>
            <div>
                <div class="column1">column1</div>
                <div class="column2">column2</div>
                <div class="column3">column3</div>
            </div>
        </body>
    </html>
     

    两行三列

    上面的例子是三列,每列宽度和高度都相同。

    下面例子是两行三列,宽度一样,高度不同,运行效果如下:

    <!DOCTYPE html>
    <html>
        <head>
            <title>元素并排</title>
            <meta charset="UTF-8">
            <style type="text/css">
                body {
                    width: 750px;
                    color: #fff;}
                p {
                    width: 230px;
                    float: left;
                    margin: 5px;
                    padding: 5px;
                    Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; color: rgb(255, 255, 255); border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; white-space: pre !important;">        </style>
        </head>
        <body>
            <h1 style="color:#706fd3">软件开发,成就梦想</h1>
            <h2><a href="https://www.liyongzhen.com/">学编程,上利永贞网</a></h2>
            <p>CSS是一个描述HTML文档的样式语言。CSS描述HTML元素的显示方式。</p>
            <p>本教程将教你CSS从基础到网页布局,学完本教程,可以设计出漂亮的网站。本教程需要HTML知识为基础,学习HTML前往《HTML 教程》</p>
            <p>你只需下载一个Chrome浏览器和一个Notepad++一样的文本编辑器,另加一个取色器软件,无需其它工具。</p>
            <p>教程中的术语、名词、概念、原理,不需要死死记住,了解,再了解,能用自己的复述出来即可。
            教程中的示例,刚刚学,有些地方可能不懂,这没关系,不会影响后面的学习,过一阵子回过送来,你会豁然开朗,原来如此呀。</p>
            <p>将示例代码,敲入你的文本编辑器,保存,用Chrome浏览器打开;这样的事做得越多,你越有自信。
            <p>层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表、级联样式表、串接样式表、阶层式样式表,
            一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。</p>
        </body>
    </html>
     
    在第2行一第一列出现了浮动,它跑到第一行的第3列下面。原因是第1行的第2列的高度比第1行第3例的高度高,挡住了第2行第1列。

    转载于:https://www.cnblogs.com/lszw/p/10839044.html

    展开全文
  • egret 图文并排

    2020-06-10 18:31:57
    图文并排,是图片和文本并列排在一起。 在某些需求中,比如聊天,在输入某些文字的同时需要添加一些表情图片,或者动态图片使得表达更加生动。 那么在游戏引擎中,文本的渲染计算是单独的。那么图文并排应该怎么实现...
  • ①供料器位置考虑:并排吸嘴式贴片机供料器位置考虑,与转塔式稍有区别。排列原则如下所述。  ·将元件分类,同一类型的元件安排在一起,尽量实现同时检取。并排式吸嘴,两吸嘴之间有一固定的距离(如环球GSM为20...
  • CAD窗口并排显示

    2016-05-11 14:29:19
    CAD怎么样设置打开多个窗口时,都并排显示在左上角那块,就是像浏览器那种样子的 适合cad2006
  • LaTeX图片并排示意程序,配合博文使用
  • Table并排展示

    2020-09-02 11:08:46
    然后有个需求是两个表需要并排显示,并且中间隔开一段距离的,居然忘记要怎么做了,最后求助下度娘,发现也是很简单的一件事,只是很久没做了所以想不起来了。 二、解决方法:把两个table放到一个大的table里面的就...
  • Dreamweaver中div标签怎么设置左右并排?Dreamweaver中div标签默认是上下并排的,想要设置成左右并排,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
  • 并排MergeSort

    2020-05-01 14:14:58
    并排MergeSort 平均时间复杂度:O(NlogN) 归并排序的效率是比较高的,设数列长为N,将数列分开成小数列一共要logN步,每步都是一个合并有序数列的过程,时间复杂度可以记为O(N),故一共为O(N*logN)。 基本思想: ...
  • 5个珠子并排CSS3加载特效是一款5个珠子并排,依次上下滚动loading加载特效。
  • 图文并排优化版本源码 添加下划线 和点击事件,辛苦半月的成果
  • 两个div并排的实现代码,一般在使用过程中,最好外面再包括一个用来定位居中显示。这里主要是了解下css的左右浮动布局给开始学习css的朋友。
  • 让两个Div并排显示的方法有很多,使用display的inline属性、通过设置float来让Div并排显示都可以实现,感兴趣的朋友可以参考下本
  • DIV布局网页元素的方式主要有三种:平铺(并排)、嵌套、覆盖(遮挡)。本文先讲解平铺(并排)方式。 1、垂直平铺(垂直排列) 请看如下代码 CSS部分: CSS Code复制内容到剪贴板 .lay1{width:200px;...
  • python 数组合并排重Julia could possibly be the biggest threat to Python. For a variety of applications, Julia is hands-down faster than Python and is almost as fast as C. Julia also offers features ...
  • css3珠子并排上下滚动loading加载动画特效,5个珠子并排着依次上下滚动形成的网页加载动画效果。
  • 用户界面-并排2个按钮-android布局我如何才能将2个按钮并排放置,以使它们占据整个宽度,并且它们之间有一点间距。我想过一个水平线性布局,其中2个子线性布局设置为与父级和权重1匹配,每个线性布局都包含按钮..有...
  • 由于邻近效应,并排敷设相邻导线的电流有效值、频率等因素会影响导线阻抗值发生变化。为确定由于邻近效应引起的导线阻抗参数的变化,利用仿真软件Maxwell 2D/Simplorer 建立并排敷设导线仿真模型,分析在邻近导线...
  • Android加载HTML图文并排,非常方便的,可以直接拿来用
  • div并排等高

    2017-12-24 12:54:59
    利用margin-bottom和padding-bottom<!DOCTYPE html> 并排等高 *{ margin: 0; padding: 0; } .container::after{
  • 并排灯泡图示之突出重点.pptx,b702beea322d087.pptx
  • JMP并排箱线图

    千次阅读 2019-06-10 14:31:41
    并排箱线图标示以下两种信息,可以展示不同组别的连续变量的平均值差异,以及各组连续变量的变异性对比。 1. 一个连续变量和一个分类变量之间的关系; 2. 连续变量在分类变量不同水平下的差异? 创建箱线图 研究...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,865
精华内容 1,946
关键字:

并排