1、打開Dreamweavercc2014軟件，選擇建立html界面，里面自動生成一些必要代碼的代碼格式，節省時間。

2、在body標簽內輸入：<divclass="one">最喜歡玩游戲</div>；這是圖形框的代碼，以及要居中的文本內容。

3、在body標簽前面位置，輸入代碼。

4、輸入完保存，摁F12鍵彈出頁面，可以看到圖框中的文字沒有居中。

5、要想文本文字居中，先加上些代碼內容。

6、然后增加內容后保存，恩F12鍵，跳轉到頁面看效果，即可看到文本居中。