网页设计设置图片间距（网页设计设置图片间距怎么调）
本文目录一览：
网页设计怎么把图片上的间距缩短?
可以用margin或者padding属性解决。
打开Dreamweaver，之后，新建一个html文档，然后在界面的上方找到插入图片的按钮，点击它，插入图片。插入图片之后，再写上文字，文字在图片下方，和图片的距离比较远。
打开html开发工具，新建一个html页面。在html页面创建一个div标签，然后在div标签里创建5个a标签。
在排版时选择紧凑模式：在照片排版时，可以选择紧凑模式，将照片展示在更小的空间中，从而达到缩小中间间距的目的。调整照片边距和大小：在编辑界面，可以手动调整照片的大小和边距，将多张照片相互靠近，从而缩小间距。
首先我们打开PS，将需要设置的图片放进去之后，右键单击一张图片，打开“移动到新窗口”。然后我们点击左侧工具栏中的“移动工具”，将图片移动到合适位置。
DW处理图片网页出现间距问题怎么办?
一般两张图片的情况，没必要使用TABLE，直接贴在一个DIV中就可以，有空隙可能是因为TABLE边框的原因，实在不行，就两张图片做成一张。
dw图片水平间距设置步骤如下：选中需要设置水平间距的图片或图片集合。在CSS样式面板中选择“新样式”来创建一个新的样式。在“新样式”窗口中，选择“布局”选项卡。
将网页的padding和margin都设置为0，如果利用的是table布局，将tb标签的valign设置为top。
图片与图片间距怎么调整
1、首先，正常插入图片的时候，默认图片在文档中会占据一整行，如图所示。这个时候，要改变文本与图片的距离，就要用到段落调整了。将光标移动到图片旁，单击鼠标右键，选中“段落”选项，如图所示。
2、更改图片的“环绕文字”设置：将图片的环绕文字设置更改为“紧密”或“穿越”，这样可以使图片更紧密地排列在一起，减少空隙。 调整图片间距：在“格式”选项卡中，找到“位置”选项，然后选择“更多布局选项”。
3、首先，导入图片素材。我这里导入了两张大小不一样的图片。点击某一张图片，再点击左下角的宽度高度处，弹出大小和位置对话框。我这里将宽度和高度设置为180和100，这样两张图片就准确地设置了大小。
4、打开Photoshop，导入需要排列的图片。在工具箱中选择“移动工具”。打开“图层”面板，选择需要排列的图片，按住“ctrl”，可选择多张。在菜单栏下面可以看到移动工具的控制面板，即排列工具。
5、选中word文档中需要调整上下间距的图片。随后点击界面上方的环绕文字按钮。在接着弹出的下拉菜单中 点击浮于文字上方按钮。随后使用鼠标拖拽的方法将图片拖动到与上一张图片间距较小的位置即可。
6、css设置图片距离可以用盒子模型的margin属性。
网页如何排版设计图片网页如何排版设计图片大小
利用布局视图进行排版：在DreamweaverMX2004中有专门的布局视图，我们初学网页设计时可以使用它进行排版。
首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
页面图片要合适。过多或者过大，图片过多或者过大，很直接的就影响了网页的加载速度，导致用户长时间打不开网页，那就悲剧了，所以，网页的大小和尽量少用图片围标，如果不可避免，那就把图片压缩到最小再上传吧。
一般用的是方正排版软件。网页就不同了。网页排版就是将网站网页上各种元素如文字、图片、图形等元素进行位置调整、大小，使布局清晰明了。
正确使用垂直白空房间。在正确的文本行之间使用空白色不仅可以提高可视性和视觉吸引力，还可以提高可读性。不允许正确的行高测量可能会使你的网站看起来混乱，不能吸引读者的兴趣。
网页中如何让图片与文字的距离缩小?
有好几种方法可以解决：调整全站的图片CSS，即在CSS当中，增加：img{margin：10px 0；}，意思即为图片上下增加10像素距离。
首先打开需要编辑的文件，当我们正常插入图片时，默认图像将占据文档中的整行。然后，要更改文本和图片之间的距离，我们需要使用段落调整，将光标移动到图片旁边，右键单击并选择“段落”按钮。
例如要缩小下图中wps文本框中文字与边框线的距离。请点击输入图片描述 将鼠标指针指向文本框的边框，当指针变成四个箭头形状后双击鼠标左键。
首先，正常插入图片的时候，默认图片在文档中会占据一整行，如图所示。这个时候，要改变文本与图片的距离，就要用到段落调整了。将光标移动到图片旁，单击鼠标右键，选中“段落”选项，如图所示。
