Dreamweaver中想要設(shè)置div標(biāo)簽的排列方式,該怎么設(shè)置為左右并排呢?下面我們就來看看詳細(xì)的教程。
1、我們先做的是插入兩個(gè)div標(biāo)簽,點(diǎn)擊【插入】,找到【布局對(duì)象】—【Div標(biāo)簽】。
2、先創(chuàng)建第一個(gè)長(zhǎng)寬均為200px的div標(biāo)簽,類命名為“1”。
3、再先創(chuàng)建第二個(gè)長(zhǎng)寬均為200px的div標(biāo)簽,類命名為“2”。
4、我們可以看到兩個(gè)div標(biāo)簽的狀態(tài)是上下并排。
5、然后再雙擊右邊的CSS樣式窗口內(nèi)其中一個(gè)標(biāo)簽的CSS。
6、在div標(biāo)簽的CSS窗口中分類選項(xiàng)中,找到【方框】,設(shè)置Float為left,即向左浮動(dòng)。
注意:兩個(gè)div標(biāo)簽都要設(shè)置為向左浮動(dòng)。
7、最后完成左右并排。
8、同樣,再插入一個(gè)div時(shí)候,需要再將它設(shè)置為左浮動(dòng),可以繼續(xù)左右并排。
以上就是Dreamweaver中div標(biāo)簽設(shè)置左右并排的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。
相關(guān)推薦:
DreamWeaver怎么使用塊狀標(biāo)簽div?
dreamweaver網(wǎng)頁中怎么制作DIV圖層?
dreamweaver 怎么在網(wǎng)頁中使用div展示圖片效果?
新聞熱點(diǎn)
疑難解答