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

作者:白雪 | 创建时间: 2023-06-03
DW是Adobe Dreamweaver的简称,是集网页制作和管理网站于一身的所见即所得网页代码编辑器。 那么在DW中,如何使两个div标签左右并排呢?以下为您解答!...
在DW中如何让div标签左右并排?

操作方法

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

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

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

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

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

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

最后完成左右并排。

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

温馨提示

插入div时,要根据页面大小调整适合的div长宽。
如果该帮到您的话,请点赞哦!
点击展开全文

更多推荐