DW软件里，像图片1这样的图片在左边，文字右边的怎么做？不敲代码行不行？

Question

如题所述

Answer 1

在样式里面加入浮动属性就可以做到，是需要敲代抄码的。如果敲代码，DW软件系统默认给弄成相对与绝对定位position，但这种方式不利于后面内容的排版。

你可以给左边的图片加入左浮动，就像这样： img{float: left;}，然后再给右边的文字加入左浮动，这样：div{float: left;} 。记住是加在和图片并排的div上。

在左边图片img标签和右边文字div层标签的外边最好是套一个大的div层包住，并在些层上面写入样式div{overflow:hidden}。

还有一种简单的样式方法，是在上述外面大层上写入样式div{display:flex;}就可以了，这是新的css3新增的伸缩容器。

注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。

扩展资料：

DreamWeaver的使用方法：

1、首先就是新建一个站点。

2、点击新建站点，然后选择一个本地的文件夹，右击新建的文件夹就可以开始新建html、css、 js 等文建了。

3、编辑区，这3个按钮将会让工作区呈现不同的效果，实时视图可以看到自己的代码呈现的效果。

4、当想换自己的浏览器的时候，可以点击文件下面的实时预览的编辑浏览器列表，里面也可以看到用浏览器预览的快捷键，在里面可以找到字体的调整等。

用DreamWeaverC6的时候它的网页预览的前缀是ftp，而在DrreamWeaverCC2018里面它的前缀是http，结果会就把js代码给拦截了，js代码效果就出不来，处理方法就把js的onload去掉，并把js的引用写在body的后面。

Answer 2

1、可以先打个草稿，左侧为文字区，右侧为图片区，图片区可以作为一个整体，这样可以看作一个大框里面包含两个盒子，左侧为文字盒子右侧为图片盒子，而图片盒子里面又含有三张图片，分析完成后，就可以利用浮动来解决问题。

2、打开DW，选择新建HTML文件。

3、首先先建立三个盒子，大盒子包含两个小盒子，如图。

4、然后再对细节进行完善，左侧为文字区，直接在所建立的div中添加文字即可，当然也可以添加一些文字标签，右侧添加的无序列表，方便图片的插入排序。

5、内容区添加完成后，在css样式中添加详细修饰，如图所示。

本回答被网友采纳

Answer 3

在样式里面加入浮动属性就可以做到，是需要敲代码的。
你可以给左边的图片加入左浮动，就像这样： img{float: left;}
然后再给右边的文字加入左浮动，这样：div{float: left;} /*记住是加在和图片并排的div上*/本回答被网友采纳