<p id="l55vn"></p>
<nobr id="l55vn"></nobr>
<menuitem id="l55vn"><delect id="l55vn"><i id="l55vn"></i></delect></menuitem>

<p id="l55vn"></p>
      <nobr id="l55vn"><thead id="l55vn"><i id="l55vn"></i></thead></nobr>
      <b id="l55vn"></b>

            <menuitem id="l55vn"></menuitem>
              <nobr id="l55vn"><ruby id="l55vn"><i id="l55vn"></i></ruby></nobr>

              首頁 > 設計 > 軟件應用 > 正文

              DreamWeaver文字怎么居中對齊? dw垂直居中對齊的技巧

              2019-10-27 18:48:04
              字體:
              來源:轉載
              供稿:網友

              DreamWeaver中的文字想要實現居中對齊,該怎么局長呢?下面我們就來看看詳細的教程。

               

              軟件名稱:
              Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解補丁+安裝教程) 64位
              軟件大?。?/dt>
              758MB
              更新時間:
              2016-11-05

               

              1、打開DreamWeaer軟件,在body標簽中間點擊一下,調出文字輸入框

              DreamWeaver,文字

              2、然后輸入div標簽,如下圖所示

              DreamWeaver,文字

              3、在head標簽中,輸入style標簽

              DreamWeaver,文字

              4、在style標簽中添加div的屬性設置:width:100px;height:100xp;background-color:red;寬:100px;高:100px;背景色為紅色。如下圖所示

              DreamWeaver,文字

              5、點擊拆分,查看效果

              DreamWeaver,文字

              6、然后繼續在屬性中輸入text-align:center;文字水平居中對齊

              DreamWeaver,文字

              7、對于垂直居中對齊,這里運用行高的關系,整個圖形的高度為100px;如果字體的行高也設置為100px,那么文字就在中間了。

              代碼是line-height:100px;

              DreamWeaver,文字

              8、最后將文件保存。

              DreamWeaver,文字

              9、在瀏覽器中打開就是這樣的。如下圖所示。

              DreamWeaver,文字

              以上就是dw垂直居中對齊的技巧,希望大家喜歡,請繼續關注CuoXin錯新網。


              注:相關教程知識閱讀請移步到Dreamweaver教程頻道。
              發表評論 共有條評論
              用戶名: 密碼:
              驗證碼: 匿名發表
              a级情欲片在线观看免费
              <p id="l55vn"></p>
              <nobr id="l55vn"></nobr>
              <menuitem id="l55vn"><delect id="l55vn"><i id="l55vn"></i></delect></menuitem>

              <p id="l55vn"></p>
                  <nobr id="l55vn"><thead id="l55vn"><i id="l55vn"></i></thead></nobr>
                  <b id="l55vn"></b>

                        <menuitem id="l55vn"></menuitem>
                          <nobr id="l55vn"><ruby id="l55vn"><i id="l55vn"></i></ruby></nobr>