Joomla:产品图片和文字描述怎么对齐?

 图文混排是网站管理员经常操作的工作,如何将产品图片和文字描述怎对齐呢?新龙在这里讲解图片的顶边与文字对齐,操作的方法就是把光标确定在需要平齐的文字前段插入图片,具体图示如下:

 产品图片和文字描述怎么对齐?-外贸网站建设专家新龙制作

进入一篇文章,首先录入文字,如果我们需要图片的顶端与某一行文字平齐,就把光标确定在那一行文字首字母的前面(如上图所示),然后点击图片编辑按钮开始插入图片,如下图找到图片编辑按钮:

 产品图片和文字描述怎么对齐?-外贸网站建设专家新龙制作

点击之后回弹出一个框,在框里可以上传图片,还可以编辑图片与文字的相对位置,如何上传图片请阅读上传和编辑图片并填写ALT内容。接下来,我们再次学习图片与文字的定位方法,如下图:

tupian3

如上图箭头所示选项,可以设置图片与光标所在文字的对应关系,一般情况下我们会选择图片居左或右,这意味着图片与文字平齐威与文字的左侧或右侧。

确定了位置关系之后设置图片与文字的间距尺寸,如下图:

tupian4

在本例中我们的图片居左,其右侧与文字的间距为20像素。在这个编辑窗口可以预览图片与文字的位置关系,这为我们编辑版面带来很大方便。

接下来讲解将图片缩小显示的操作,如下图:

tupian5

我们上传了一张360X360像素的图片,希望显示的小图为200X200像素。目的是方便实现点击小图后放大显示该图。在这个图片编辑框里可以设置小图尺寸,如上图所示位置将360改为200。

最后点击插入按钮就把图片放入了文章中,如下图:

tupian6


 

本文由新龙原创,转载请注明https://newloong.com/zh-cn/jishuzhichi/joomlawangzhanweihu/1174-tupianduiqi.htmll

外贸网站建设专家—新龙,是您互联网商业应用的好伙伴!