DreamWeaver文字怎么居中對齊? dw垂直居中對齊的技巧
百度經驗 發(fā)布時間：2018-05-10 13:46:31 作者：患者無薪 
我要評論
我要評論DreamWeaver文字怎么居中對齊？DreamWeaver中輸入的文字想要實現(xiàn)居中對齊，該怎么居中呢？下面我們就來看看dw垂直居中對齊的技巧，需要的朋友可以參考下
DreamWeaver中的文字想要實現(xiàn)居中對齊，該怎么局長呢？下面我們就來看看詳細的教程。
1、打開DreamWeaer軟件，在body標簽中間點擊一下，調出文字輸入框
2、然后輸入div標簽，如下圖所示
3、在head標簽中，輸入style標簽
4、在style標簽中添加div的屬性設置：width:100px;height:100xp;background-color:red;寬:100px;高:100px;背景色為紅色。如下圖所示
5、點擊拆分，查看效果
6、然后繼續(xù)在屬性中輸入text-align:center；文字水平居中對齊
7、對于垂直居中對齊，這里運用行高的關系，整個圖形的高度為100px;如果字體的行高也設置為100px，那么文字就在中間了。
代碼是line-height:100px;
8、最后將文件保存。
9、在瀏覽器中打開就是這樣的。如下圖所示。
以上就是dw垂直居中對齊的技巧，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
相關文章
dreamweaver怎么制作文本框? dw文本框的兩種制作方法
dreamweaver怎么制作文本框？dreamweaver制作的網頁需要文本框，該怎么制作文本框呢？今天我們就來介紹dw文本框的兩種制作方法，需要的朋友可以參考下2018-04-28
dreamweaver怎么實現(xiàn)鼠標放在不同的位置顯示不同的圖片?
dreamweaver怎么實現(xiàn)鼠標放在不同的位置顯示不同的圖片？dw中想要制作圖片切換效果 ，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-04-28
Dreamweaver CS6超鏈接怎么去掉下劃線? dw取消字體下劃線的教程
Dreamweaver CS6超鏈接怎么去掉下劃線？Dreamweaver CS6中給文本添加超鏈接以后，文本下方會出現(xiàn)下劃線，想要去掉下劃線，以后都不顯示，該怎么設置呢？下面我們就來看看dw2018-04-28
Dreamweaver圖像怎么通過img標簽定義高寬？Dreamweaver頁面中插入圖片以后，想要通過img標簽定義圖片的高度和寬度，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友2018-04-27
dreamweaver怎么制作各種類型的菜單欄？dreamweaver設計網頁的時候，需要添加菜單欄，該怎么制作各種類型的菜單欄呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-04-22
Dreamweaver中的AP元素怎么修改寬度高度和顏色？Dreamweaver中插入的ap元件想要修改高度寬度或者顏色，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-04-21
Dreamweaver如何給div添加css樣式? dw給div添加css樣式的方法
Dreamweaver如何給div添加css樣式？Dreamweaver中想要給div添加樣式，該怎么添加css樣式呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-04-10
Dreamweaver數據庫連接出現(xiàn)錯誤404該怎么解決?
Dreamweaver數據庫連接出現(xiàn)錯誤404該怎么解決？Dreamweaver在連接數據庫的時候出現(xiàn)404錯誤，該怎么解決呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-04-04
Dreamweaver cs6怎么設計一款簡單的網頁？Dreamweaver中想要設計一款簡單的網頁，該怎么設計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-02-27
Dreamweaver怎么輸入文本并設置文本樣式？Dreamweaver設計網頁的時候，想要輸入文本并設置文本樣式，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-02-10
