在DW中如何让div标签左右并排?

DW是Adobe Dreamweaver的简称,是集网页制作和管理网站于一身的所见即所得网页代码编辑器。
那么在DW中,如何使两个div标签左右并排呢?以下为您解答!

操作方法

  • 01

    我们先做的是插入两个div标签,点击【插入】,找到【布局对象】—【Div标签】。

  • 02

    先创建第一个长宽均为200px的div标签,类命名为“1”。

  • 03

    再先创建第二个长宽均为200px的div标签,类命名为“2”。

  • 04

    我们可以看到两个div标签的状态是上下并排。

  • 05

    然后再双击右边的CSS样式窗口内其中一个标签的CSS。

  • 06

    在div标签的CSS窗口中分类选项中,找到【方框】,设置Float为left,即向左浮动。 注意,两个div标签都要设置为向左浮动。

  • 07

    最后完成左右并排。

  • 08

    同样,再插入一个div时候,需要再将它设置为左浮动,可以继续左右并排。

(0)

相关推荐

  • dw中怎么插入div标签

    在Dreamweaver里怎么插入一个div标签,新建一个div在我们制作网页也是必不可少的一部分,下面我们来学习一下怎么在dw中怎么新建一个div标签 操作方法 01 我们打开Dreamweaver ...

  • DW中HTML网页怎么用内嵌式或嵌入式引入CSS样式

    CSS可以说是HTML网页的灵魂,HTML引入CSS样式可以说是前端开发最基本的.对于刚接触网页前端设计的同学来说,可以先学习内嵌式和嵌入式这两种引入CSS方式比较容易掌握. 内嵌式引入CSS样式方法 ...

  • VisualStudio网页怎么设置div标签的背景色?

    Visual Studio2015编辑网页的时候,想要设置div标签的背景色,该怎么设置呢?下面我们就来看看详细的教程. 1.首先,打开一个已有的网页,找到script标签. 2.新建一个函数Setu ...

  • 【DW基础】Dreamweaver使用Div标签

    核心提示: (Division)元素在文档内定义了一个区域,元素包括文本.表格.表单.图像.插件等各种页面内容,甚至在元素内还可以包含元素. 一.Div标签概述 01 <div>(Divi ...

  • Dreamweaver中如何插入Div

    Dreamweaver是一套针对专业网页设计师特别发展的视觉化网页开发工具,下面小编就来给大家介绍一下Dreamweaver中如何插入Div,希望对大家有所帮助. 操作方法 01 首先打开DW,点击菜 ...

  • html/css如何让多个div标签水平排列?

    介绍在html/css中使多个标签(比如div)水平排列的两种方法比较.分别是float: left和display: inline-block. 操作方法 01 首先如图所示,我在html中放置了两 ...

  • DW中怎么插入spry菜单栏

    DW中经常用到spry菜单栏,也常用到AP DIV  ,下面就是给大家说一说怎么用这连个功能 操作方法 01 插入一个AP DIV  就会出来一个小框,可以自由放大缩小 02 在AP DIV中插入一张 ...

  • 在Excel中创建与使用标签套打模板方法

    在Excel中创建与使用标签套打模板方法 1.在日常资料.设备的标识分类管理中,经常用到标签,常见的是空白不干胶标签纸. 2.当标签数量较多时,填写费时费力,容易刮花墨迹.因此,利用打印机批量打印标签 ...

  • WPS演示中的工具让标签和容器同比缩放的方法

    WPS演示中的工具让标签和容器同比缩放的方法 操作步骤 另存为图片法:右击原图"缩小放的组合图片",在右键菜单中选择"另存为图片",保存为PNG格式图片,然后删 ...